/*
.pink { color:#c74375 }
.blue { color:#4ab8d9 }
*/

body { background:url(../media/bg-full.png) repeat top left #dddede; font-family:'Merriweather', sans-serif; color:#444; line-height: 22px; }
a { text-decoration:underline }
a:hover { text-decoration:none; }
a.btn, .navbar a, .connexion a, .table a { text-decoration:none; }
div.wrap { border:5px solid #efefef; margin-top:15px; background:white; max-width:980px; position:relative; }

[class*="span"] {
 border: border:1px solid #CCC;
 margin-bottom: 10px;
 border-radius: 5px 5px 5px 5px;
}

.offset0 {  margin-left: 40px; }

h1, h2, h3, h4, h5, h6 { font-family:'Merriweather', serif; font-weight:700; color:#444 }
h1 { font-size:32px; line-height:34px; margin-top:10px; }
h2 { font-size:26px; line-height:30px; margin-top:20px; }
h3 { font-size:22px; line-height:26px; margin-top:25px; }
h4 { margin-top:25px; }
.well h4:first-child, .well h2:first-child { margin-top:0 }
h1.pink, h2.pink, h3.pink, h4.pink, h5.pink, h6.pink, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue { color:#c74375; font-family: 'Titillium Web', sans-serif; font-weight:700;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue { color:#4ab8d9; }

h1.pink a, h2.pink a, h3.pink a, h4.pink a, h5.pink a, h6.pink a { color:#c74375; text-decoration:none; }
h1.blue a, h2.blue a, h3.blue a, h4.blue a, h5.blue a, h6.blue a { text-decoration:none; }

h1.border, h2.border, h3.border, h4.border, h5.border, h6.border { border-bottom-width:6px; border-bottom-style:solid; }

.blue.border { border-bottom-color:#a3dbec;  }
.pink.border { border-bottom-color:#f1d0dd }
h1.border { padding-bottom:10px; border-bottom-width:6px;  }
h2.border { padding-bottom:6px; border-bottom-width:5px; }
h3.border { padding-bottom:4px; border-bottom-width:4px;}
h4.border { padding-bottom:4px; border-bottom-width:3px;}
h5.border { padding-bottom:2px; border-bottom-width:2px;}
h6.border { padding-bottom:1px; border-bottom-width:1px;}

.span8 ul > li, .span8 ol > li, .span8 dl > dd, .span8 dl > dd {  margin-bottom: 12px; }

/* Barre de navigation */
.navbar { margin-bottom:0; }
.navbar-inner {	padding:0px; margin:4px 0; border:0; border-top:1px solid #EEE; border-bottom:1px solid #EEE;  -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none;     -moz-box-shadow: none; box-shadow: none; text-shadow: none; }
.navbar .nav > li > a {  color: #666; font-family: 'Titillium Web', sans-serif; font-weight:700; text-transform:uppercase; font-size:13px; text-shadow:none; border-left:1px solid #EEE; }
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {  color: #000;  text-decoration: none;  background-color: #EEE; }
.navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus { color: #000; font-weight:bold; }

a.menu:after, .dropdown-toggle:after { content: none; }

.navbar .form-search { margin-right:10px; margin-top:5px; margin-bottom:0; float:right; }

/* Header */
h2#logo { background:url(../media/bg-header.png) no-repeat top left #c74375; height:83px; padding:15px; margin:0; position:relative;}
h2#logo img { position:absolute; }
h2#logo img.picto { top:15px; left:25px;}
h2#logo img.text { top:15px; left:120px; }
h2#logo span.motto { color:white; font-size:15px; font-weight:normal; position:absolute; top:65px; left:120px; width:320px; text-align:center; display:block; }



.connexion { position:absolute; top:0; right:0; background:white; padding:5px 10px; }
.facebook-box { position:absolute; top:38px; right:10px; background:white; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; }
.facebook-box-footer { position:absolute; top:-25px; right:10px;  } 

.well.sponsor { float:right; width:200px; margin-left:15px }
.well.sponsor .bg_white { background:white; margin:5px; padding:10px; text-align:center;  }
.well.sponsor .bg_white a h4 { color:#4ab8d9 }

#map_canvas { height:300px; width:auto; border:1px solid #CCC; margin-bottom:15px; }

p.lead { font-size:18px; color:black;line-height:26px }
p.sub { color:#666; font-size:12px; background:#EEE; padding:5px 10px 2px 10px; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; }
p.sub span { margin-right:25px; }
p.sub span i { margin-bottom:5px; }

ul.media-list li.media { border-bottom:1px solid #EEE; margin-bottom:15px; margin-top:15px; padding-bottom:15px; padding-top:15px; }
ul.media-list li.media:last-child { border-bottom:0 none; padding-bottom:0; margin-bottom:5px }
ul.media-list li.media .pull-left { margin-right:30px;}

ul.media-list li.media h2 { font-size:22px }

#sidebar ul.media-list li.media {  padding-bottom:10px; padding-top:10px; margin-bottom:10px; margin-top:10px;  }
#sidebar ul.media-list li.media .pull-left { margin-right:8px; }
#sidebar ul.media-list li.media .media-body p { }

.pagination { clear:both; line-height:2em; margin:0; padding:0; font-size:16px }
.pagination a, .pagination span { padding:8px 10px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; margin:0 3px }
.pagination a {	border:1px solid #4ab8d9;	color:#FFF;	text-decoration:none; background:#4ab8d9;}
.pagination a:hover {	border:1px solid #FFF; color:#ffffff; background:#c74375;}
.pagination .prevnext {	font-weight:bold;}
.pagination span.disabled { display:none; }
.pagination span.current { border:1px solid #4ab8d9; background:#FFF; color:#4ab8d9; font-weight:bold; }

.box_pink_border { padding:10px; border:4px solid #e2aaba; background:#fbf6f8; } 
.box_pink_border h4:first-child { margin-top:0; padding-top:0 }
.box_pink_border ul.media-list li.media { background:white; padding:8px }


.bg-grey { display:block; clear:both; background:#efefef; padding:15px; margin-left:20px; margin-top:25px; } 
.bg-grey .thumbnail { background:white; padding:15px; }
.bg-grey .thumbnail p.logo { height:160px; display:table; text-align:center; border-bottom:1px solid #EEE; width:100%  }
.bg-grey .thumbnail p.logo a { display:table-cell; text-align:center; vertical-align:middle; width:100%; text-decoration:none; color:#c74375; }
.bg-grey .thumbnail p.logo img { max-width:150px; max-height:150px; }


.blue-triangle { max-width:550px; margin:15px auto; background:#ECF5FF; padding:20px;  border: 1px solid #DDD;  background:url(../media/bg-blue-triangle.png) bottom left no-repeat;   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
.blue-triangle.vertical { background:url(../media/blue-triangle-vertical.png) repeat-y top right #FFF;  -webkit-border-radius: 4px;     -moz-border-radius: 4px;          border-radius: 4px;}
.blue-triangle .control-label {  font-family: 'Titillium Web', sans-serif; font-weight:700; font-size:18px; line-height:30px; vertical-align:middle; color:#c74375 }
.blue-triangle .control-label i { vertical-align:baseline; }
.label-black .control-label { color:#333; }

#sidebar .blue-triangle { width:auto; padding:20px 10px 10px 10px; }

.blue-triangle h2.header, .blue-triangle h3.header { background:#0088cc;
background-image: -moz-linear-gradient(right, #0088cc, #2fa5d5);
background-image: -webkit-linear-gradient(right, #0088cc, #2fa5d5);
background-image: -o-linear-gradient(right, #0088cc, #2fa5d5);
background-image: linear-gradient(to left, #0088cc, #2fa5d5);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff2fa5d5', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 color:white; text-align:center; padding:15px; font-family: 'Titillium Web', sans-serif; font-weight:700; margin: -9px -28px 25px -27px; text-transform:uppercase; font-size:32px; max-width:574px; position:relative; }
.blue-triangle h3.header { font-size:28px }

.blue-triangle h2.header:before, .blue-triangle h3.header:before,
.blue-triangle h2.header:after, .blue-triangle h3.header:after { display:block; background:url(../media/corner-left-triangle.png) no-repeat top left; width:7px; height:7px; z-index:9; content: ""; position:absolute; top:100%; left:0; }
.blue-triangle h2.header:after, .blue-triangle h3.header:after { background-image:url(../media/corner-right-triangle.png); left:inherit; right:0; }

#sidebar .blue-triangle h2.header, #sidebar .blue-triangle h3.header { max-width: 102%; font-size:24px; text-transform:none; margin-left:-17px }

.btn-primary { color: #ffffff;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  background-image:none;  border:none;  background-color: #c74375; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {  color: #ffffff;  background:#c74375;  -webkit-box-shadow: 0 0 4px #c74375;     -moz-box-shadow: 0 0 4px #c74375;          box-shadow: 0 0 4px #c74375; }


ul.check { padding:0 30px 5px 15px; margin:0; }
ul.check li { list-style:none; text-indent:none; margin:0; padding:0; padding-left:30px; margin-bottom:25px; margin-top:25px; color:#666; background:url(../media/picto-check.png) 0 4px no-repeat; }
ul.check li strong { color:#333 }

.blue-triangle .control-group.error .help-block { color:white; background:#b94a48; padding:1px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:15px; }
.blue-triangle .control-group.error .control-label { color:inherit; }

.alert p { margin:8px 0 }
.alert h4 { margin-top:8px }

#habillage { width:1340px; height:500px; margin:auto; position:relative; top:0; background:#FFC }

.breadcrumb span.home { display:inline-block;  width: 10px;  height: 10px;  margin-top: 1px;  *margin-right: .3em;  line-height: 16px;  vertical-align: text-top; background:url(../media/picto-home.png) no-repeat top left;}

div.sharebar { text-align:center; height:80px; display:block; padding-top:10px; background:#EEE; border:1px solid #CCC;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.sharebar .twitter, div.sharebar .facebook, div.sharebar .google { width:55px; height:60px; display:inline-block; margin-right:20px;} 
div.sharebar #fb-root { width:55px; }
.share-160 div.sharebar .twitter, .share-160 div.sharebar .facebook, .share-160 div.sharebar .google { margin-right:0px; }

ul li h4 { margin-top:10px }

.clear { clear:both; float:none; }


#bloc_candidature { }
#bloc_candidature .candidature_msg { width:98%; height:200px; }
#bloc_candidature span.legend1 { color:#c74375 }
#bloc_candidature .bloc_action { text-align:center; }
#bloc_candidature .value_table_info_upload { color:#999; padding-bottom:25px; }
#bloc_candidature .value_table_contact { color:#4ab8d9; font-size:16px; font-weight:bold; }