/*
 * HTML global
 */
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:98%;
}
body{
    font-family: arial, sans-serif;
    font-size:0.75em;
}
img{
    border:0;
    display:block;
}
h3{
	line-height:1em;
}
h4{
	font-size:1.2em;
	color:#626296;
	margin:0 0 10px 0;
}
p{
    margin:0 0 15px 0;
}
a{
	color:#52af4b;
}
a:hover{
    text-decoration: none;
}
object {
	outline:none; /* bug Firefox */
}

/*
 * Embellissement global
 */
p.lire_suite{
    padding-left: 14px;
    margin-left:1px;
    background: url(../images/suite.gif) no-repeat left center;
    font-size:0.9em;
    font-weight: bold;
}
.clear{
	clear:both;
}
#cont_photos p{
	margin-top:15px;
	font-size:0.9em;
	color:#777;
}
#cont_photos a{
	display:block;
}

/*
 * Carte Google
 */
#map{
	width:430px;
	height:350px;
	margin-top:20px;
}

/*
 * Containeurs de mise en forme
 */
#cont_sous_page{
    position:relative;
    margin: 0 auto; 
    width:950px;
}
#cont_page{
	width:950px;
}
#cont_pied{
	text-align:center;
	background: url(../images/fond-pied.gif) no-repeat;
	margin-top: 10px;
	padding-bottom:30px;
	color:#31489d;
}
table {
	width: 100%;
	height:100%;
}
table td{
	height:100%;
	vertical-align: middle;
}
#cont_contenu, #cont_contenu_form{
	margin-left:230px;
	width:451px;
	padding-bottom:25px;
}
#cont_contenu_form{
    width:700px;
}


#cont_entete{
	height:198px;
	width:950px;
}
#cont_photos{
	float:right;
	width:200px;
	margin:0 0 0 20px;
	padding-bottom:30px;
	padding-right:43px;
}

/*
 * Pied de page
 */
#cont_pied p{
    margin-bottom: 8px;
}
#cont_pied p#contact, #cont_pied p#contact a{
    color:#fff;
}
#cont_pied p#mentions, #cont_pied p#mentions a{
	font-size:0.95em;
    color:#009ee0;
}

/*
 * Entete
 */
#cont_entete a{
	display:block;
	width:257px;
}

/*
 * Plan
 */
h4.plan{
	margin-top:20px;
}
p.plan{
	margin-left: 25px;
	margin-top:-5px;
}
#ill_01{
	position:absolute;
	left:710px;
	top:230px;
	width:200px;
	height:186px;
	background: url(../images/convoyage-jockey-1.jpg);
}
#ill_02{
	position:absolute;
	left:710px;
	top:435px;
	width:200px;
	height:195px;
	background: url(../images/convoyage-jockey-2.jpg);
}

/*
 * Index
 */
.index{
	background-color: #000938;
}
.index #cont_page{
    height:634px;
    background: url(../images/fond-page-index.jpg) no-repeat left bottom;
    background-color: #313e8c;
}
.index ul.spip{
    color:#fff;
    font-size:1.2em;
    margin:18px 0 0 285px;
    padding:0;
    list-style-type: none;
} 
.index ul.spip li{
    background: url(../images/puce-index.gif) no-repeat left center;
    padding-left:8px;
    margin-bottom: 5px;
}
.index .accroche1{
	position:absolute;
	left:130px;
	top:393px;
}
#actu{
	font-size:0.9em;
	width:230px;
	position: absolute;
	top:353px;
	left:698px;
	background-color: #fff;
}
#actu h2{
	margin:0;
	padding:0;
	font-size:1.1em;
	display:inline;
}
#flash_actu{
	width:300px;
	height:70px;
	position:absolute;
	top:279px;
	left:650px;
}
#flash_animation{
	width:613px;
	height:182px;
	position:absolute;
	top:423px;
	left:76px;
}
.index h1{
	margin:0;
	padding: 50px 0 0 238px;
}
.index h2{
	margin:0;
	padding: 40px 0 0 280px;
}
.index h3{
	margin:0;
	padding: 1px 0 0 280px;
}

/*
 * Thèmes
 */

/* Commun aux 3 themes */
.theme1 h1, .theme2 h1, .theme3 h1{
	padding: 62px 0 0 63px;
}
.theme1 h2, .theme2 h2, .theme3 h2{
    margin:0 0 10px 0;
    padding:10px 0 0 0;
    font-size: 2em;
    line-height:1.1em;
}
.theme1 h3, .theme2 h3, .theme3 h3{
    margin:0 0 10px 0;
    padding:0 0 0 0;
    font-size: 1.5em;
}

/* Theme 1 */
.theme1{
	background-color: #313e8c;
}
.theme1 #cont_page{
    background: url(../images/fond-page-bleu-fonce.gif) repeat-y;
    background-color: #fff;
}
.theme1 #cont_sous_contenu{
    background: url(../images/fond-gauche-theme1.jpg) no-repeat;
}
.theme1 h2{
	color:#313e8c;
}
.theme1 h3{
	color:#00abed;
}
.theme1 #cont_entete{
	background: url(../images/entete-1.gif);
}

/* Theme 2 */
.theme2{
	background-color: #000938;
}
.theme2 h3{
	color:#52af4b;
}
.theme2 #cont_page{
    background: url(../images/fond-page-bleu-clair.gif) repeat-y;
    background-color: #fff;
}
.theme2 #cont_sous_contenu{
    background: url(../images/fond-gauche-theme2.jpg) no-repeat;
}
.theme2 #cont_entete{
	background: url(../images/entete-2.gif);
}
.theme2 h2{
	color: #006fb9;
}

/* Theme 3 */
.theme3{
	background-color: #000938;
}
.theme3 h3 {
	color:#006fb9;
}
.theme3 #cont_page{
    background: url(../images/fond-page-3.gif) repeat-y;
    background-color: #fff;
}
.theme3 #cont_sous_contenu{
    background: url(../images/fond-gauche-theme3.jpg) no-repeat;
}
.theme3 #cont_entete{
	background: url(../images/entete-3.gif);
}
.theme3 h2{
	color: #000938;
}

/*
 * Menu
 */
.theme1 ul#menu, .theme2 ul#menu, .theme3 ul#menu{
	/* top:132px; */
	float:left;
	position:relative;
	margin:-66px 0 220px 0;
	list-style: none;
	width:199px;
}
.index ul#menu{
	position:absolute;
	left:0;
    bottom:320px; 
    margin:0;
}
ul#menu{
	list-style: none;
	width:199px;
	padding:0; 
}
ul#menu li{    
    margin:0;
    padding:0;
    height:42px;
    width:185px;
    font-size:1.1em;
    font-weight:bold;
    color:#fff;
}
ul#menu li a{
	text-decoration:none;
    display:block;
    width:185px;
    height:42px;
    line-height: 37px;
    text-align:center;
    color:#fff;
}
ul#menu li a span{
	margin-right:10px;
}
ul#menu li.actif span{
	padding:0 0 0 10px;
	background: url(../images/puce-menu.gif) no-repeat;
}

/* Image pour rollOver */
.index ul#menu li a{
	background: url(../images/menu-index.gif) no-repeat;
}
.theme1 ul#menu li a{
	background: url(../images/menu-1.gif) no-repeat;
}
.theme2 ul#menu li a{
	background: url(../images/menu-2.gif) no-repeat;
}
.theme3 ul#menu li a{
	background: url(../images/menu-3.gif) no-repeat;
}

/* Mouse Out */
ul#menu li.m1 a{
	background-position:0 0;
}
ul#menu li.m2 a{
	background-position:0 -42px;
}
ul#menu li.m3 a{
	background-position:0 -84px;
	color:#00abed;
}
ul#menu li.m4 a{
	background-position:0 -126px;
}
ul#menu li.m5 a{
	background-position:0 -168px;
}
ul#menu li.m6 a{
	background-position:0 -210px;
	color:#00abed;
}
ul#menu li.m7 a{
	background-position:0 -252px;
}
ul#menu li.m8 a{
	background-position:0 -294px;
}
#index ul#menu li.m9 a{
	background-position:0 -336px;
	color:#00abed;
}

/* Mouse Over */
ul#menu li.m1 a:hover{
	background-position:-186px 0;
}
ul#menu li.m2 a:hover{
	background-position:-186px -42px;
}
ul#menu li.m3 a:hover{
	background-position:-186px -84px;
}
ul#menu li.m4 a:hover{
	background-position:-186px -126px;
}
ul#menu li.m5 a:hover{
	background-position:-186px -168px;
}
ul#menu li.m6 a:hover{
	background-position:-186px -210px;
}
ul#menu li.m7 a:hover{
	background-position:-186px -252px;
}
ul#menu li.m8 a:hover{
	background-position:-186px -294px;
}
ul#menu li.m9 a:hover{
	background-position:-186px -336px;
}

/*
 * Documents joints
 */
table.doc{
	margin-bottom:20px;
}
table.doc td.icone{
	width:35px;
}
table.doc td.icone a{
	display:block;
}

/*
 * Spip
 */
 
/* Liste */
ul.spip{
	margin:0 0 20px 0;
	padding:0;
	list-style-type: none;
	position:relative;
}
ul.spip li{
	background: url(../images/puce.gif) no-repeat;
	padding-left:10px;
	margin-bottom:3px;
}

/* tableaux */
table.spip{
	margin:0 0 25px 0;
}
table.spip caption{
	color:#006fb9;
	font-weight:bold;
	padding: 0 0 5px 0;
	font-size:1.2em;
}
table.spip th{
	background-color: #010938;
	color:#fff;
	font-weight:bold;
	padding:3px 5px;
}
table.spip td{
	padding:2px 5px;
}
table.spip tr.row_even{
	background-color: #eefafe;
}
table.spip tr.row_odd{
	background-color: #dcf4fd;
}

/*
    Formulaire
*/

form{
    padding-top:15px;
}

form p{
    margin-bottom:6px;
}

label{
    display: block;
}
label.inline{
    display:inline;
    margin-right:5px;
}
input, textarea, select{
    background-color: #eef9fd;
    border:1px solid #bcdfed;
    padding:0 5px;
    font-family: arial, sans-serif;
    font-size:1em;
}
select{
    padding-right:0;
}

input:focus, textarea:focus, select:focus {
    background-color: #fff;
}

input#societe, input#fonction, input#interlocuteur, input#email, input#autre,  textarea{
	width:280px;
}
input#telephone, input#fax{
	width:150px;
}

.required{
    background-color: #fae7e6;
    border-color: #ebb8af;
}
#cont_delimiteur{
    background-color: #77cef0;
    height:2px;
    margin-bottom:20px;
    margin-top:25px;
}
.info_form_2{
    color:#d06556;
}
.info_form{
    color:#0393ca;
}
#submit{
    background-color: #00abed;
    color:#fff;
    border:1px solid;
    border-color:#8ed6f2 #006187 #006187 #8ed6f2;
    padding:2px 30px;
    margin:20px 0 20px 0;
}
#submit:active{
	background-color: #0376a2;
	border-color:#006187 #8ed6f2 #8ed6f2 #006187;
}

form table#table_conv td{
    background-color: #eef9fd;
    text-align:center;
}
form table#table_conv{
    margin:15px 0 15px 0;
}
input#vehicule{
    width:280px;
}
td.vehicule{
    width:320px;
}
form .case{
    background-color:#fff;
    border:0;
}
form .radio{
    margin-right:5px;
    background-color: #fae7e6;
    padding:2px;
    border:0;
}

table#table_conv input{
	width: 100px;
}
select{
	padding:0 0 0 3px;
}
form table td{
	vertical-align:top;
}

.error, .ok {
	font-weight:bold;
	padding:5px;
}
.error{
	color:#ff0000;
	border:1px solid #ff0000;
	background-color: #fae7e6;
}
.ok{
	color:#52af4b;
	border:1px solid #52af4b;
	background-color: #e7fae5;
}