@charset "utf-8";
/* CSS principale */

@import url("menu-principal.css");
@import url("onglets.css");
@import url("footer.css");

*{
	list-style:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body{
	background-image:url(../images/fonds/fond.gif);
	background-repeat:repeat;
}

#principal{
	background-color:#FFFFFF;
	width:974px;
	margin:auto;
	background-image:url(../images/fonds/fond-bordures.gif);
	background-repeat:repeat-y;
	background-position:1px;
}
#conteneur{
	background-image:url(../images/fonds/degrade-fond.gif);
	background-repeat:repeat-x;
	background-color:#dad8d5;
	width:962px;
	margin:auto;
}
#bandeau{
	width:962px;
	height:123px;
	/*
	background-image:url(../images/tmp-bandeau.gif);
	background-repeat:no-repeat; */
	margin:auto;
	/*font-size:px;
	text-indent:-5000px;
	outline:none;*/
}
#ariane{
	background-color:#dad8d5;
	width:959px;
	margin:auto;
	height:13px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	padding-left:3px;
}
#ariane a{
	color:#666666;
	font-size:9px;
}

h2{
	border-bottom:2px solid #0c55a1;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#0c55a1;
	width:636px;
	margin-left:5px;
	padding-bottom:2px;
	margin-bottom:15px;
}
h3{
	font-size:16px;
	background-image:url(../images/fonds/h3.jpg);
	background-repeat:repeat-y;
	font-size:16px;
	color:#FFFFFF;
	padding-left:20px;
	margin-bottom:0px;
	margin-top:3px;
}
#contenucentral{
	padding-top:7px;
	clear:both;
	padding-left:12px;
	width:641px;
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}
#visuelprincipal{
	width:330px;
	height:284px;
	float:left;
	position:relative;
	padding-right:15px;
}
#visuelprincipal span#bordure{
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bordure-visuel.png');
}
span#bordure img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.visuel{
	position:absolute; 
	z-index:2; 
	top:5px; 
	left:5px;
}
#contenucentraltextedroit{
	float:left; 
	width:296px; 
	padding-top:4px;
}
#contenucentraltextedroit ul.liste{
	padding-bottom:8px;
	padding-top:8px;
}
#contenucentraltextedroit ul.liste li{
	background-image:url(../images/puce.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left:18px;
	padding-bottom:3px;
}
#contenucentraltextedroit .bigbottom{
	padding-bottom:8px;
}
#contenucentraltextedroit .bigtop{
	padding-top:12px;
}

#contenucentraltextedroit p{
	background-color:#FFFFFF;
	padding:10px;
	padding-top:2px;
	padding-left:20px;
	text-align:justify;
	padding-bottom:2px;
	background-image:url(../images/fonds/fd-p.gif);
	background-repeat:repeat-y;
	
}
#contenucentraltextedroit ul{
	background-color:#FFFFFF;
	padding:10px;
	padding-top:2px;
	padding-left:20px;
	text-align:justify;
	padding-bottom:2px;
	background-image:url(../images/fonds/fd-p.gif);
	background-repeat:repeat-y;
	clear:both;
}
#contenucentraltextedroit li#col1{
	float:left;
	width:155px;
	text-align:left
}
#contenucentraltextedroit li#col2{
	float:left;
	width:100px;
	text-align:left;
	padding-left:10px;
}

#droite, #droite_en{
	width:301px;
	height:394px;
	background-repeat:no-repeat;
	background-image:url(../images/fonds/fond-ombre-sdv.gif);
	margin-top:6px;
	float:right;
}
#droite_en{
	background-image:url(../en/images/fond-ombre-sdv.gif);
}
#droite h3, #droite_en h3{
	width:297px;
	font-size:12px;
	background-image:none;
	background-color:#0C55A1;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:0px;
	margin-bottom:auto;
	height:17px;
	text-align:center;
	font-weight:bold;
	margin-top:4px;
	margin-left:4px;
	
}
#partiedroite{
	width:297px;
	background-image:url(../images/fonds/fd-partie-droite.gif);
	background-repeat:repeat-x;
	margin-top:11px;
	margin-left:7px;
	position:relative;
}
#partiedroite dt{
	outline:none;
	width:297px;
	height:18px;
	text-indent:-3000px;
	margin-top:3px;
}
#partiedroite dt#metier{
	background-image:url(../images/partie-droite/par-metier.gif);
}
#partiedroite dt#agence{
	background-image:url(../images/partie-droite/par-agence.gif);
}

form fieldset{
	padding:7px;
	border:1px solid #006699;
}
form legend{
	color:#FF0000;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
}
form label{
	width:150px;
	display:block;
	float:left;
	clear:both;
	padding:0;
	margin:0;
}
.note{
	font-size:10px;
}
input.perso{ 
	border:1px #0c55a1 solid;  
	background-color:#2c76c4; 
	font-size:8pt;
    font-style:normal; 
	font-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; 
	padding:2px;
	color:#FFFFFF; 
	margin-left:297px;
	padding-left:8px;
	padding-right:8px;
}
input.perso:hover{
	background-color:#0c55a1;
	border:1px #2c76c4 solid; 
}
input[type=checkbox]{
margin-right:2px;
}
.liaisons{
	font-weight:bold;
	padding-left: 30px;
	background-image:url(../images/liaisons.gif);
	background-repeat:no-repeat;
	cursor:help;
}
.liai{
	display:none; 
	position:absolute; 
	background-color:#fcf4f5; 
	border:1px solid #e52a37; 
	padding:10px; 
	width:250px; 
	font-size:11px;
}
.liai b{
	font-size:11px;
	color:#e52a37;
}
.liai strong{
	display:block;
	margin-bottom:5px;
}
a#btn-film, a#btn-film2, a#btn-schedule, a#btn-schedule-en, a#btn-film-en, a#btn-film2-en{
	display:block; 
	float:left;
	height:27px; 
	background-image:url(../images/logistique/film-logistique.gif); 
	width:128px; 
	margin-top:8px;
	background-position:bottom;
	outline:none;
	text-indent:-3000px;
}
a#btn-film2{
	background-image:url(../images/presentation/film-sogetra.gif); 
}
a#btn-schedule{
	background-image:url(../images/route/btn-schedule.gif); 
}
a#btn-film-en{
	background-image:url(../en/images/film-logistique.gif); 
}
a#btn-film2-en{
	background-image:url(../en/images/film-sogetra.gif); 
}
a#btn-schedule-en{
	background-image:url(../en/images/btn-schedule.gif); 
}
a#btn-film:hover, a#btn-film2:hover, a#btn-schedule:hover, a#btn-film-en:hover, a#btn-film2-en:hover, a#btn-schedule-en:hover{
	background-position:top;
}
#contenucentraltextedroit a{
	color:#2c76c4;
}
#contenucentraltextedroit a:hover{
	color:#E52A37;
}