/* =================================== *\
|  CSS Structure                         |
\* =================================== */

/*------------------------------------------------
General & CSS Reset
--------------------------------------------------*/
* {margin:0; padding:0} html, body {height:100%;} :link,:visited { text-decoration:none } ul,ol { list-style:none }
address { font-style:normal } fieldset { border: 0; } img{border:none; background:none;} a img {border: 0 none;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;} .clear{clear:both;} textarea {overflow:auto;}
table {border-collapse:collapse; border-spacing:0;} caption,th {text-align:left;} a {outline: none;} input:focus, textarea:focus{ outline: none; }

body {
	background:transparent url(../images/bg_body.jpg) top center repeat-y;
	font-family: "MS Verdana", sans-serif;
	color:#2F2F25;
	font-size:0.8em;
	line-height:1.4em;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
}

#contener {
	background:transparent url(../images/img_contener.jpg) top center no-repeat;
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
}

#wrapper {
	background:#FFF url(../images/img_wrapper.jpg) top left no-repeat;
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:100%;
	height:auto !important;
	min-height:100%;
}

/*------------------------------------------------
Header
--------------------------------------------------*/

div.top_header {
	padding-top:50px;
}

div.logo h1  a:link, div.logo h1  a:visited, div.logo h1  a:focus, div.logo h1  a:hover, div.logo h1  a:active{
	background:transparent url(../images/logo.gif) top left no-repeat;
	display:block;
	height:76px;
	width:307px;
	text-indent:-9999px;
}

/*div.logo h1  a:link, div.logo h1  a:visited, div.logo h1  a:focus, div.logo h1  a:hover, div.logo h1  a:active{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
	display:block;
	height:76px;
	width:307px;
	text-indent:-9999px;
}

html>body div.logo h1  a:link, div.logo h1  a:visited, div.logo h1  a:focus, div.logo h1  a:hover, div.logo h1  a:active{
	background:transparent url(../images/logo.png) top left no-repeat;
	filter:none;
	display:block;
	height:76px;
	width:307px;
	text-indent:-9999px;
}*/

div.logo {
	float:left;
}

div.navigation {
	float:right;
}

	div.navigation ul {
		margin-right:85px;
		margin-top:20px;
	}

	div.navigation li {
		float:left;
		padding-left:47px;
	}

	div.navigation ul li.list_menu a:link, div.navigation ul li.list_menu a:visited, div.navigation ul li.list_menu a:focus, div.navigation ul li.list_menu a:hover, div.navigation ul li.list_menu a:active {
		display:block;
		font-size:1.6em;
		color:#2F2F25;
	}

	div.navigation ul li.menu_selected a{
		font-size:1.6em;
		color:#FF0099;
	}

    div.navigation ul li.list_menu a:hover {
		color:#FF0099;
	}

div.menu {
	margin-bottom:28px;
	/*text-transform:uppercase;
	font-size:1.4em;*/
}

div.liste_menu {
	margin-left:32px;
	margin-top:54px;
}

	div.liste_menu li {
		float:left;
	}

	div.liste_menu li.list_title {
		font-weight:bold;
	}

	div.liste_menu li.list_title a{
		color:#2F2F25;
	}

    div.liste_menu li.list_agence a:hover {
		color:#FF0099;
	}

	div.liste_menu li.list_selected {
		
	}

	div.liste_menu li.list_selected a{
		color:#FF0099;
		background:transparent url(../images/picto_plus_rose.gif) center left no-repeat;
		padding-left:20px;
		margin-left:31px;
	}

	div.liste_menu li.list_plus {
		
	}

	div.liste_menu li.list_plus a:link, div.liste_menu li.list_plus a:visited, div.liste_menu li.list_plus a:focus, div.liste_menu li.list_plus a:hover, div.liste_menu li.list_plus a:active {
		color:#2F2F25;
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:20px;
		margin-left:31px;
	}

    div.liste_menu li.list_plus a:hover {
		color:#FF0099;
	}

/*------------------------------------------------
Content accueil
--------------------------------------------------*/


div#content_detail_video_left {
	float:left;
	width:668px;
	margin:60px 0 0 19px;
}

	div#content_left {
		margin-bottom:64px;
		height:276px;
	}

	div.video {
		float:left;
		border:4px solid #858574;
		width:400px;
		height:250px;
	}

	div.text_video {
		float:left;
		margin-left:32px;
		margin-top:6px;
	}

	div.text_video p {
		margin-bottom:17px;
	}

	div.text_video ul li a:link, div.text_video ul li a:visited {
		color:#886A33;
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:15px;
	}

    div.text_video ul li a:hover {
		color:#FF0099;
	}
	
	div.detail_video {
		float:left;
		width:222px;
	}

	div.detail_video a.rubrique:link, div.detail_video a.rubrique:visited{
		display:block;
		background:transparent url(../images/img_plus.gif) center left no-repeat;
		padding-left:20px;
		text-transform:uppercase;
		font-weight:lighter;
		margin:0 0 14px 4px;
		color:#2F2F25;
	}

	div.detail_video a.rubrique:hover {
		color:#FF0099;
	}

	div.img_video {
		border:3px solid #858574;
		width:208px;
		height:153px;
		margin-bottom:19px;
	}

	p.rubrique_title {
		margin:0 0 10px 3px;
		font-size:1.2em;
		width:200px;
		height:40px;
		text-align:left;
	}

	div.detail_video  ul {
		line-height:1.6em;
		margin-left:3px;
		margin-bottom:40px;
	}

		li.liste_picto1 a:link, li.liste_picto1 a:visited{
			background:transparent url(../images/picto_liste1.gif) center left no-repeat;
			color:#886A33;
			padding-left:26px;
		}

		li.liste_picto2 a:link, li.liste_picto2 a:visited{
			background:transparent url(../images/picto_liste2.gif) center left no-repeat;
			color:#886A33;
			padding-left:26px;
		}

		li.liste_picto3 a:link, li.liste_picto3 a:visited{
			background:transparent url(../images/picto_liste3.gif) center left no-repeat;
			color:#886A33;
			padding-left:26px;
		}

		div.detail_video  ul li a:hover{
			color:#FF0099;
		}

	div#content_detail_video_left h2 {
		text-transform:uppercase;
		font-size:1.4em;
		font-weight:lighter;
		margin-bottom:16px;
	}

	div.div_equipe div img{
		width:15%;
	}

	p.equipe_digitale a:link, p.equipe_digitale a:visited {
		display:block;
		background:transparent url(../images/img_plus.gif) center left no-repeat;
		color:#4A4837;
		padding-left:20px;
		margin-top:14px;
	}

	p.equipe_digitale a:hover {
		color:#FF0099;
	}

div#content_detail_video_right {
	float:right;
	width:256px;
	margin:60px 21px 0 0;
}

	div#content_detail_video_right h2 {
		text-transform:uppercase;
		font-weight:lighter;
		font-size:1.4em;
	}
	
	dl dt{
	margin-left:4px;
	font-size:0.79em;
	}

	dl dd.text_def {
		margin-left:3px;
		width: 235px;
		float:left;
	}

	dl dd a.lien_img {
		display:block;
		background:transparent url(../images/img_plus.gif) center right no-repeat;
		height:14px;
		width:14px;
		float:right;
		margin-bottom:5px;
		margin-right:3px;
	}

    dl dd.text_def a:link, dl dd.text_def a:visited {
        color:#886A33;
        float:left;
        margin-left:3px;
    }

    dl dd.text_def a:hover {
		color:#FF0099;
	}

	div#content_right dl {
		border-bottom:1px dotted #9A8F63;
		margin:10px 0 0 0;
		padding-bottom:10px;
	}

	h2.autres_liens {
		margin-top:91px	;
	}
	
	div#content_detail_video_right ul {
		margin:10px 0 47px 3px;
		line-height:1.8em;
	}

	div#content_detail_video_right ul li a:link, div#content_detail_video_right ul li a:visited{
		display:block;
		color:#886A33;
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:20px;
	}

	div#content_detail_video_right ul li a:hover {
		color:#FF0099;
	}

	div#content_detail_video_right dt{  
		font-size:0.79em;
		color:#2F2F25;
	}
	
	div#content_detail_video_right dl{
		border-bottom:1px dotted #9A8F63;
		padding-bottom:10px;
		padding-top:4px;
	}

/*------------------------------------------------
Content footer
--------------------------------------------------*/

div#footer {
	background:#FFF url(../images/bg_footer.jpg) top left no-repeat;
	width:980px;
	height:270px;
}

div.footer_logo a:link, div.footer_logo a:visited {
	display:block;
	float:left;
	background:transparent url(../images/logo_footer.gif) top left no-repeat;
	height:38px;
	width:31px;
	text-indent:-9999px;
	margin:93px 53px 0 20px;
}

/*div.footer_logo a:link, div.footer_logo a:visited {
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_footer.png');
	float:left;
	height:38px;
	width:31px;
	text-indent:-9999px;
	margin:93px 53px 0 20px;
}

html>body div.footer_logo a:link, div.footer_logo a:visited{
	display:block;
	filter:none;
	float:left;
	background:transparent url(../images/logo_footer.png) top left no-repeat;
	height:38px;
	width:31px;
	text-indent:-9999px;
	margin:93px 53px 0 20px;
}*/

div.footer_menu {
	float:left;
	margin-top:93px;
	width:173px;
}

div#footer p {
	font-weight:bold;
	margin-bottom:14px;
}

div#footer ul li a {
	color:#886A33;
}

div#footer ul li a:hover {
	color:#FF0099;
}

/*------------------------------------------------
Content news detail
--------------------------------------------------*/

div#content_actu {
	margin:57px 40px 50px 29px;
}

div.sidebar_actu {
	float:left;
	width:257px;
}

	div.sidebar_actu dl {
		border-bottom:1px dotted #9A8F63;
		margin:6px 0 0 0;
		padding-bottom:6px;
	}

	dt.date_selected {
		color:#FF0099;
	}

	dd.text_selected {
		color:#FF0099;
		margin-left:3px;
	}

    div.sidebar_actu dl dt a:link, div.sidebar_actu dl dt a:visited {
		color:#886A33;
	}
	div.sidebar_actu dl dd a:link, div.sidebar_actu dl dd a:visited {
		color:#5B5948;
	}

	div.sidebar_actu dl dt a:hover, div.sidebar_actu dl dd a:hover {
		color:#FF0099;
	}

	dl.border {
		border-top:1px dotted #9A8F63;
		padding-top:6px;
	}

	div.content_actu_right {
		float:right;
		width:590px;
		line-height:1.4em;
		text-align:justify;
	}

	div.content_actu_right p a {
		display:block;
		margin-top:15px;
	}

	h1.h1_content {
		font-size:2.6em;
		line-height: 1em;
		font-weight:lighter;
		margin:3px 0 26px 0;
		text-align:left;
	}

    p.title_date{
		color:#886A33;
		font-size:1.2em;
		font-weight:lighter;
		margin-top:3px;
	}

	p.title {
		font-size:2.4em;
		font-weight:lighter;
		margin:6px 0 20px 0;
		line-height:0.8em;
	}

	h3 {
		color:#886A33;
		margin:20px 0 0 0;
	}

	div.actu_img {
		float:left;
	}

	div.actu_img img{
		border:4px solid #858574;
	}

	div.content_actu_img {
		float:left;
		width:360px;
		margin-left:19px;
	}

	div.content_actu_right p {
		/*margin:6px 0 20px 0;*/
	}

	h4 {
		text-transform:uppercase;
		color:#8B8266;
		margin:16px 0 8px 0;
	}

	div.content_actu_right  ul {
		margin:10px 0 24px 0;
	}
	
	div.content_actu_right ul li{
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:18px;
		margin:0 0 5px 3px;
		line-height:1.2em;
	}	
	

	div.content_actu_right  ul li a{
		color:#886A33;
	}

	div.content_actu_right p a:link, div.content_actu_right p a:visited {
		color:#FF0099;
		text-decoration:underline;
	}

	div.content_actu_right p a:hover {
		text-decoration:none;
	}

    div.content_actu_right ul li a:hover{
		color:#FF0099;
	}

/*------------------------------------------------
Content jobs
--------------------------------------------------*/

div.content_job_right {
	float:right;
	width:590px;
	line-height:1.4em;
	text-align:justify;
}

	/*div.content_actu_right p a img{
		margin-top:15px;
 	}*/

	p.title_job {
		font-size:1.2em;
		font-weight:bold;
		color:#886A33;
		margin-top:15px;
		margin-bottom:4px;
	}
	
	p.postuler {
		margin-top:15px;
	}

	div.content_actu_right ul li{
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:18px;
		margin:0 0 5px 3px;
		line-height:1.2em;
	}

	div.content_actu_right ul li img{
		margin-right:8px;
	}

	div.content_actu_right p a:link, div.content_actu_right p a:visited{
		color:#886A33;
		text-decoration:underline;
		
	}
	
	a.link_button {
		background:transparent url(../images/btn_postuler.gif) center left no-repeat;
		width:148px;
		height:28px;
	}

/*------------------------------------------------
Content contact
--------------------------------------------------*/

div.content_actu_left {
	float:left;
	width:257px;
	text-align:justify;
	border-top:1px dotted #9A8F63;
	border-bottom:1px dotted #9A8F63;
	padding:13px 0 13px 0;
}

div.marginiser {
	padding-bottom:8px;
}

div.border_formu {
    border-bottom:1px dotted #E6E3D8;
    width:368px;
    padding-bottom:12px;
    margin-bottom:11px;
}

div.text_formu {
	float:left;
	width:157px;
        padding: 0 5px 0 0;
}
input.champ_text:focus{
	/*border:1px solid #FF0099;*/
}
	input.champ_text {
		background:url(../images/bg_input.jpg) left top repeat-x;
		border:0;
		width:196px;
		height:14px;
		padding-left:2px;
		margin-top:2px;
		margin-left:2px;
	}

    input.champ_box {
		border:0;
		width:196px;
		height:14px;
		padding-left:2px;
		margin-top:2px;
		margin-left:2px;
	}

	div.border_input {
		float:left;
		background:transparent;
		border:1px solid #4B4939;
		width:202px;
		height:18px;
	}
	/*
	div.border_input:hover {
		border:1px solid #FF0099;
	}
*/
	textarea.textarea {
		background:url(../images/bg_textarea.jpg) left top repeat-x;
		border:0;
		width:407px;
		height:175px;
		padding-left:2px;
		margin-top:2px;
		margin-left:2px;
	}

	div.border_textarea {
		float:left;
		background:transparent;
		border:1px solid #4B4939;
		width:413px;
		height:179px;
	}

	input.bouton_envoyer {
		margin-left:162px;
	}

	address.adresse_contact {
		position:absolute;
		width:257px;
		top:325px;
		left:28px;	
		line-height:1.2em;		
		text-align:justify;
		border-top:1px dotted #9A8F63;
		border-bottom:1px dotted #9A8F63;
		padding:13px 0 13px 0;		
	}

        img.captcha {
            float: left;
            margin: 0 0 0 5px;
        }

/*------------------------------------------------
Content équipe
--------------------------------------------------*/

p.profession_membre {
	color:#886A33;
	margin-bottom:5px;
}

p.nom_membre {
	font-size:2em;
}

div.content_actu_right h1 span {
	text-transform:uppercase;
}

div.content_actu_right h2 {
	margin-bottom:5px;
	margin-top:3px;
	font-size:1.2em;
	font-weight:lighter;
	color:#886A33;
}

div.presentation_membre {
	margin-top:30px;
}

	div.photo_membre {
		float:left;
	}

	div.description_membre {
		float:right;
		width:300px;
		margin-top:20px;
	}

	h5 {
		text-transform:uppercase;
		font-size:1em;
		color:#8C8C7B;
		margin-bottom:12px;
	}

	div.description_membre ul {
		margin:20px 0 30px 3px;
	}

	div.description_membre ul li{
		color:#886A33;
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:20px;
		margin-bottom:10px;
		line-height:1.4em;
	}

	div.description_membre ul li a{
		color:#886A33;
	}

    div.description_membre ul li a:hover{
		color:#FF0099;
	}

/*------------------------------------------------
Content references
--------------------------------------------------*/

div#content_references {
	margin:57px 0 50px 32px;
}

div.references {
	float:left;
	width:237px;
	margin-bottom:31px;
}

p.title_references {
	text-transform:uppercase;
	color:#886A33;
}

p.subtitle_references {
	font-size:1.6em;
	margin-top:6px;
	margin-bottom:13px;
	width:200px;
	height:45px;
}

div.img_references {
	border:4px solid #858574;
	width:198px;
	height:145px;
}

/*------------------------------------------------
Content références détail
--------------------------------------------------*/

div#content_ref_detail {
	margin:57px 40px 100px 32px;
}

div.content_ref_detail_video {
	float:left;
	width:472px;
}

	div.content_ref_video {
		width:464px;
		height:342px;
		margin-bottom:13px;
	}

	div.content_ref_detail_video {
		border:4px solid #898978;
		width:464px;
		height:342px;
	}
    	
    div.content_ref_detail_video a img {
        border:2px solid #898978;
        width: 85px;
        height:61px;
    }

	div.lightbox {
		float:left;
		margin-right:2px;
	}

	div.lightbox_bis {
		float:left;
	}

div.content_ref_detail_text {
	overflow:hidden;
	text-align:justify;
	float:right;
	width:400px;
}

	div.content_ref_detail_text p a:link, div.content_ref_detail_text p a:visited {
		color:#FF0099;
		text-decoration:underline;
	}
	div.content_ref_detail_text p a:hover {
		text-decoration:none;
	}
	
	p.favoris {
		text-transform:uppercase;
		font-size:1em;
		font-weight:bold;
		color:#8C8C7B;
		margin-bottom:12px;
	}

	div.content_ref_detail_text ul {
		margin:7px 0 7px 0;
	}
	
	div#content_ref_detail ul li{
		background:transparent url(../images/picto_plus.gif) center left no-repeat;
		padding-left:18px;
		margin:0 0 5px 3px;
		line-height:1.2em;
	}
	
	div#content_ref_detail ul li.liste_picto3{
		background: none;
		padding-left:0;
		margin:0;
	}
	

	div.content_ref_detail_text  ul li a:link, div.content_ref_detail_text  ul li a:visited{
		color:#886A33;
	}

    div.content_ref_detail_text ul li a:hover {
		color:#FF0099;
	}

.imagesreference{
    vertical-align:middle;
    width:60px;
    margin:10px;
}
.picto_award{
    float:left;
}
.picto_award_a{
color:#886A33;
}