@charset "UTF-8";
/* CSS Document */

/* UDUDDUDUDUDUDUDUDUDUDUDUD */
/* UDUD URBANDATA UDUDUDUDDU */
/* UDUD www.urbandata.fr UDU */
/* document :: feuille de style du site AC2V

*/
/* Reserve
font-family: 'Montserrat', sans-serif;
font-family: 'Crimson Text', serif;

/*color:#766b66; typo gris
/*color:#4b4441; typo gris fonce
/*color:#766b66; gris header
/*color:#e2001a; rouge
/*color:#c7b19d; bronze
/*color:#dfd9d9; footer
/*color:#aa699d; violet
/*color:#45829e; bleu

border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #363636 0px 2px 3px 0px;
	-moz-box-shadow: #363636 0px 2px 3px 0px;
	-webkit-box-shadow: #363636 0px 2px 3px 0px;
	
/* Modern Browsers
	opacity: 0.7;
/* IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7
filter: alpha(opacity=70);
/* Netscape
-moz-opacity: 0.7;
/* Safari 1
-khtml-opacity: 0.7;
*/



body 								{ font-family: "latoregulars",sans-serif; font-size: 14px; color:#4b4441 /*typo gris fonce*/; }
.clear 								{ clear: both; height: 0px; overflow: hidden; /* Précaution pour IE 7 */ }

/*****FONT ****/
h1 									{ font-family: 'latoregular';font-size:36px;font-weight: 400; line-height: 1.00em; }
h2 									{ font-family: 'latoblack';font-size:18px;font-weight: 400; line-height: 1.20em; text-transform: uppercase; }
h2 									{ margin: 4px 0 ; color:#e2001a; /*rouge*/}
h3 									{ font-family: 'latoblack'; font-size:14px;font-weight: 400; line-height: 1.10em;text-transform: uppercase; }
#footer h3							{ color:#e2001a; /*rouge*/}
.panel-heading h3					{ font-family: 'latoregular'; font-size:14px;font-weight: 400;color:#fff;}
h3 									{ margin: 4px 0;}
h4 									{ font-family: 'latoblack'; font-size:12px;font-weight: 400; line-height: 1.10em; color:#e2001a; /*rouge*/ }
h5 									{ font-family: 'latoblack',sans-serif; font-size:14px;font-weight: 400; line-height: 1.20em;}
h5 									{ margin: 4px 0;}
p, li 								{ font-family: 'latoregular'; font-weight: 400; line-height: 1.30em; }

a									{ color:#4b4441 /*typo gris fonce*/;}
a:hover, a:focus									{ color:#e2001a /*rouge*/;}
.hypertxt							{ color:#e2001a /*rouge*/;}
.hypertxt:hover						{ color:#4b4441 /*typo gris fonce*/;}
.bolditalic							{ font-weight:700;}
.colorviolet						{ color:#aa699d /*violet*/; }
.colorbleu							{ color:#45829e /*bleu*/;}
.text_left, .txt_l					{ text-align: left;}
.text_center, .txt_c				{ text-align:  center;}
.text_right, .txt_r					{ text-align: right;}

.img_Vmidle							{ vertical-align: middle; margin-top: -5px; margin-right:10px;}
.mB30								{ margin-bottom: 30px;}
.mB50								{ margin-bottom: 50px;}
.mB70								{ margin-bottom: 70px;}
/****** BLOCS PRINCIPAUX *****/

#wrapper_page 						{ width: 100%; height: 100%; margin-left: auto;margin-right: auto;position: relative;}
.wrapper_content					{ width: 1000px; height: 100%; margin: 0 auto;position: relative;}
.wrapper_content>.inner				{ padding:0 2%;position: relative;}
#header, #slider, #main, #bando_subcontent, #footer 	{ float:left;width: 100%; height: auto; margin: 0 auto ; position: relative;}
#slider, #main						{ padding-bottom:30px;}
#main .container						{ position:relative;}
#header								{ /*background:#FFF url(../images/iconographie/fond_header_brun.png) repeat-x 0 0;*/}
#fond_header1						{ width:100%; height:70px; position:absolute; z-index:-500; left:0; top:0; background-color:#766b66;}
#fond_header2						{ width:100%; height:56px; position:absolute; z-index:-500; left:0; top:70px; background-color:#dfd9d9;}
#fond_header3						{ width:100%; height:56px; position:absolute; z-index:-500; left:0; top:128px; background-color:#fff;}
#slider, #main 							{ }
#bando_subcontent					{ background-color:#e2001a;}
#footer								{ padding-top:20px; padding-bottom:80px;background-color:#dfd9d9;}
#footer ul.menu_actus							{ margin:0 0 0 10px; padding:0;}
/*
#fond_main {
	height: 417px;
	top:-130px;
    left: 0%;
    min-height: 417px;
    overflow: visible;
    position: absolute;
    width: 554px;
    z-index: -100;
}
*/
#fond_main {
	/*background: rgba(0, 0, 0, 0) url("../images/iconographie/fond_geometric.png") no-repeat scroll left top;*/
    height: 417px;
	top:-170px;
    right: 1020px;
    min-height: 417px;
    overflow: visible;
    position: absolute;
    width: 554px;
    z-index: -100;
}
/****** BLOCS SECONDAIRES *****/
#navmobile							{ display:none;}
.backcolor_violet 					{ background-color:#aa699d /*violet*/;}
.backcolor_bleu 					{ background-color:#45829e /*bleu*/;}
.box_logo							{ float:left;width:145px; margin-right:5%; background-color:#FFF;text-align:center;}
.box_menu							{ float:left;width:80%;position: relative; }
.box_logo .inner					{ padding:20px;position: relative;}

.box_slider							{ width:100%; text-align:center;}
.col								{ position:relative;}
.baseline							{ padding:10px 0; font-family: 'Crimson Text', serif;font-size:30px; font-style:italic; color:#FFF; line-height:1.0em;}
.margesoixantedix					{ margin-left:70px;}
.fond_conseiller					{ background:url(../images/iconographie/picto_conseiller.png) center top no-repeat ; padding-top:140px; padding-bottom: 20px ; overflow:visible;}
.fond_accompagner					{ background:url(../images/iconographie/picto_accompagner.png) 80% 0px no-repeat ; padding-top:140px; padding-bottom: 20px ; overflow:visible;}
.panel-heading 						{ padding: 3px 15px;}
.panel-heading.backcolor_violet		{ background-color:#aa699d /*violet*/; color:#fff; border-color: transparent; border-radius: 0;}
.panel-heading.backcolor_bleu		{ background-color:#45829e /*bleu*/; color:#fff; border-color: transparent; border-radius: 0;}
.panel-heading a					{ color:#fff;}
.panel-heading a:hover h3, .panel-heading a:focus h3					{ text-decoration:none:}
.panel-group .panel 				{ margin-bottom:15px;}
.picto_puce							{ margin-top:5px;}
.actu_box > .column					{ padding:0;}
.actu_box_visuel					{ float:left; margin : 0 10px 0 0;}
img.visuel_page						{ max-width:100%; height:auto;}
.visuel_footer  { margin-left:0; height:220px; width:auto; text-align:left;}
@media (max-width: 575.98px) { 
.visuel_footer  { margin-left:auto; margin-right:auto;width:100%;max-width:100%; height:auto;}
}

img.visu_actu						{ max-width:30%; float:left; vertical-align:top; margin:5px 10px 0 0 ;}
.actu_source						{ font-weight:700;}
.actu_ul							{ float:left; padding:0 0 0 10px; margin: -5px 0 10px 0;}
.picto_footer						{ float:left; vertical-align: middle; margin-right:5px;}
.fade.active						{ opacity:1;}
ul.menu_footer						{ list-style:none; margin:0; margin-top:10px; padding:0;}
/***** CONTRE BOOTSTRAP ******/
.navbar-default 					{ background-color: transparent; border-color:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent;}
.navbar-default .navbar-nav > li > a 					{ color: #fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e2001a; color: #fff; }
.carousel-inner { text-align: center; }
.carousel .item > img { display: inline-block; }

.panel-group .panel { border-radius: 0;}
.panel-default.backcolor_violet 	{ border-color: #aa699d /*violet*/;}
.panel-default.backcolor_bleu 		{ border-color: #45829e /*bleu*/;}
.btn-primary 						{ background-color: #e2001a; /*rouge*/ border-color: #e2001a; /*rouge*/ color: #fff;}
.btn-primary:hover 					{ background-color: #766b66; /*gris header*/ border-color: #e2001a; /*rouge*/ color: #fff;}
.map								{ width:350px;}
.map img							{ width:100%;}
/******** FORMULAIRE *****/
.form-group 						{ margin-bottom: 5px;}
label 								{ font-weight: 400; margin-bottom: 5px;}
.form-horizontal .control-label 	{ text-align: left;}
.form-control 						{ border: 1px solid #ccc; color: #555; font-size: 13px; height: 26px; line-height: 1.2em; padding: 3px 12px; width: 100%;}
.alert-success 						{ background-color: #e2001a; /*rouge*/ border-color: #e2001a; color: #fff;}
/*#submit								{ float:left; margin-left:20px;}*/
/******** MENU RESPONSIVE ******/
.navbar-default .navbar-nav > li > a {  background-color: #dfd9d9; /*bronze*/ color: #fff; }
.navbar-default .navbar-nav > li > a:hover {  background-color:#766b66; /*gris header*/  color: #fff; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #e2001a; /*rouge*/ color: #fff; }