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

body{
	margin:20px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/fond-degrade.png) 0 0 repeat-x;
	background-color:#ffffff;
	}
form{
	margin:0;
	padding:0;
	
	}
#fond_haut{
	background:url(../images/fond-site-haut.png) 0 0 no-repeat;
	height:12px;
	margin-left:auto;
	margin-right:auto;
	width:1051px;
	}
#fond_middle{
	background:url(../images/fond-site-middle.png) 0 0 repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:1051px;
	}
#fond_bas{
	background:url(../images/fond-site-bas.png) 0 0 no-repeat;
	height:17px;
	margin-left:auto;
	margin-right:auto;
	width:1051px;
	text-align:right;
	padding-top:13px;
	}
#fond_bas a{
	font-size:11px;
	color:#000;
	}

#page{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	}
	
#left{
	float:left;
	width:344px;
	margin-left:2px;
	}
#content{
	float:left;
	width:662px;
	margin-left:2px;

	}
#logo{
	width:344px;
	height:387px;
	background:url(../images/logo-evolutrans0.png) 0 0 no-repeat;
	}
#slogan{
	margin-top:-200px;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align:right;
	padding-right:10px;
	color:#F8B322;
	}
	
#associes{
	margin-top:-5px;
	margin-left:7px;
	margin-bottom:5px;
}
#associes_title{
	background:url(../images/onglet.png) 0 0 no-repeat;
	padding-top:3px;
	height:31px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
	}
#associes_content{
	background-color:#004082;
	height:66px;
	width:328px;
	}

#produits{
	margin-left:7px;
	margin-bottom:10px;
}
#produits_title{
	background:url(../images/onglet.png) 0 0 no-repeat;
	padding-top:3px;
	height:31px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
	}
#produits_content{
	background-color:#004082;
	min-height:70px;
	width:328px;
	}
#produits_logos{
	margin-top:-10px;
	text-align:right;
}
#actus0{
}
#actus1{
	display: none;
}
#actus2{
	display: none;
}
#actus3{
	display: none;
}
#actus4{
	display: none;
}

#actus_title{
	background:url(../images/onglet-actus.jpg) 0 0 no-repeat;
	padding-top:3px;
	clear:both;
	height:120px;
	min-height:120px;
	}
#actus_title a{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-left:20px;
	}
#actus_content{
	min-height:110px;
	width:328px;
	margin-top:-90px;
	}
#actus_content .titre{
	font-size:10px;
	padding-left:20px;
	width:170px;
	}
#actus_content a{
	text-decoration:none;
	color:#000;
}
#actus_content a:hover{
	text-decoration:underline;
	}

#actus_content .image{
	float:right;
	background:url(../images/fd-vignette.png) 0 0 no-repeat;
	width:120px;
	height:122px;
	padding-left:5px;
	padding-top:4px;
}


#actus_bottom{
	background:url(../images/bas-actus.png) 0 0 no-repeat;
	height:20px;
}
#partenaires{
	margin-left:7px;
}
#partenaires_title{
	background:url(../images/onglet-partenaires.png) 0 0 no-repeat;
	padding-top:3px;
	height:25px;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	padding-top:5px;
	padding-left:10px;
	}
#partenaires_content{
	background-color:#004082;
	height:100px;
	min-height:100px;
	width:328px;
	}

#menu2{
	margin-top:1px;
	height:22px;
	background-color:#004082;
	float:left;
	clear:both;
	width:100%;
	text-align:right;
	font-size:11px;
	color:#F8B323;
	line-height:20px;
	padding-right:10px;
	}
#menu2 a{
	text-decoration:none;
	color:#F8B323;
	}

#menu2b{
	background:url(../images/accueil.png) 0 center no-repeat;
	height:21px;
	background-color:#004082;
	float:left;
	clear:both;
	text-align:left;
	font-size:11px;
	color:#F8B323;
	line-height:20px;
	margin-left:10px;
	padding-left:15px;
	}
#menu2b a{
	text-decoration:none;
	color:#F8B323;
	}


#nav{
	margin-top:4px;
	float:left;
	width:670px;
	}
#menu1{
	padding-top:5px;
	padding-left:15px;
	float:left;
	width:470px;
	height:68px;
	background:url(../images/fond-boutons.jpg) 0 0 no-repeat;
	}
#menu1 img {
	margin-right:-3px;
	border:0;
}

#intranet, #intranet a{
	float:left;
	width:153px;
	margin-left:15px;
	font-size:10px;
	color:#000;
	text-align:left;
	}

#intranet #champs{
	float:left;
	width:120px;
}
#intranet #bouton{
	float:left;
	width:31px;
}

#intranet .titre{
	font-size:12px;
	color:#002F5C;
	font-weight:bold;
	}
#intranet .input_text{
	font-size:10px;
	padding-left:5px;
	width:116px;
	height:16px;
	background:url(../images/champ.png) 0 0 no-repeat;
	border:0px;
}

#visuel{
    position:relative;
    height:350px;

	width:670px;
	height:279px;
	float:left;
	margin-top:10px;
	margin-bottom:0px;
	clear:both;
	background:url(../images/fond-visuel.jpg) 0 0 no-repeat;
	}
#visuel img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	margin-left:20px;
	margin-top:12px;
	}

#visuel IMG.active {
    z-index:10;
}

#visuel IMG.last-active {
    z-index:9;
}


#une{
	width:640px;
	float:left;
	margin-top:4px;
	clear:both;
	background:url(../images/fond-a-la-une.jpg) 0 0 no-repeat;
	min-height:300px;
	font-size:14px;
	font-weight:bold;
	color:#CCECF9;
	padding-top:30px;
	padding-left:30px;
	}

#une .titre a{
	text-decoration:none;
	color:#0068A1;
	}
#une .intro a{
	text-decoration:none;
	color:#000;
}
#une a:hover{
	text-decoration:underline;
	}
#une_1, #une_2, #une_3, #une_4{
	float:left;
//	width:136px;
	height:232px;
	margin-top:10px;
	margin-right:5px;
	padding-left:13px;
	}
#une_1 .vignette, #une_2 .vignette, #une_3 .vignette, #une_4 .vignette{
	margin-top:14px;
	width:125px;
	height:60px;
	overflow:hidden;
}
#une_1 .titre, #une_2 .titre, #une_3 .titre, #une_4 .titre{
	font-size:12px;
	font-weight:bold;
	color: #0068A1;
	margin-top:25px;
	}
#une_1 .intro, #une_2 .intro, #une_3 .intro, #une_4 .intro{
	font-size:10px;
	color:#000;
	margin-top:15px;
	line-height:12px;
	}
	
#une_1{
	background:url(../images/une-1.png) 0 0 no-repeat;
}
#une_2{
	background:url(../images/une-2.png) 0 0 no-repeat;
}
#une_3{
	background:url(../images/une-3.png) 0 0 no-repeat;
}
#une_4{
	background:url(../images/une-4.png) 0 0 no-repeat;
}

.spacer{
	clear:both;
	}


/*--- PAGE ARTICLES ---*/
#fond{
	margin-left:10px;
	width:655px;
	clear:both;
	background:url(../images/fd-droite-milieu.png) 0 0 repeat-y;
}
#fond_contenu_haut{
	width:655px;
	min-height:500px;
	background:url(../images/fd-droite-haut.png) 0 0 no-repeat;
}
#fond_contenu_bas{
	width:655px;
	background:url(../images/fd-droite-bas.png) 0 0 no-repeat;
	height:30px;
}
.picto_article{
	position:absolute;
	width:35px;
	height:30px;
	margin-left:235px;
	margin-top:7px;
	background:url(../images/picto_article.png) 0 0 no-repeat;
}

#contenu_texte{
	padding:35px 30px 10px 30px;
}
#fond #titre{
/*border:1px solid #fff;*/
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	width:100%;
	height:25px;
	margin-bottom:15px;
	background:url(../images/separateur.png) 0 bottom repeat-x;
}
#fond .separateur{
	display: none;
	background:url(../images/separateur.png) 0 bottom repeat-x;
	height:20px;
	width:445px;
	float:left;
}

.article{
	background-color:#CCECF9;
	height:160px;
	margin-bottom:3px;
	}

.article .visuel{
	float:left;
	margin-left:6px;
	width:180px;
	height:160px;
/*	background:url(../images/ombre_vignette.png) 0 bottom no-repeat;*/
	background:url(../images/fond-liste-articles.png) 0 bottom no-repeat;
	}

.article .visuel img{
	margin-left:46px;
	margin-top:12px;
	border:4px solid #FFF;
}
.article .realisation{
	float:left;
	margin-left:6px;
	width:180px;
	height:160px;
	}

.article .realisation img{
	margin-left:0px;
	margin-top:4px;
	border:0;
}
.article a{
	color:#000;
	}
	
/*
.article .visuel{
	float:left;
	width:180px;
	}
*/
.article .titre{
	padding-top:15px;
	margin-left:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0068A1;
}
.article .intro{
	margin-left:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.article .suite{
	float:right;
	margin-right:5px;
	width:92px;
	height:30px;
}