/*
Design by Graphetoile
pour la société 2S Transport - 2013
*/


a {
text-decoration: none;
color: #DCDCDC;
}

a:hover {
text-decoration: underline;
}

body {
font-size: 12pt;
font-family: Arial;
background: #303030;
color: #DCDCDC;
width:auto;
height:auto;
margin: auto;
}

h1{
margin-top:20px;
text-transform: uppercase;
color: #4BA8DF;
font-size: 16pt;
margin-bottom:20px;
}

h2{
text-transform: uppercase;
color: #E84B19;
font-size: 13pt;
margin-bottom:15px;
}

h3{
color: #FFFFFF;
font-size: 18pt;
line-height: 4pt;
}

h4{
color: #FFFFFF;
font-size: 11pt;
line-height: 4pt;
}

p{ 
padding: 0 0 20px 0;
line-height: 1.5em;
text-align: justify;
white-space: normal;
}

#legend_color{
color:#E84B19;
}

#legend_verif{
color:#E84B19;
}

#fond_image{
background-image:url(images/fond.png);
background-repeat:repeat-y;
}

#logo {
z-index:11;
background-image:url(images/logo.png);
background-repeat:no-repeat;
clear:both;
display:block;
position:fixed;
top:10px;
left:10px;
height:178px;
width:178px;
}








/* -------------------- menu ------------------- */

#menu {
margin-top:0px;
margin-left:0px;
padding: 10px 0px 0px 0px;
height: 100px;
background: #4BA8DF;
border-bottom: solid 2px #FFFFFF;
}

#menu a:hover {
text-decoration: underline;
color:#FFFFFF;
background-image:url(images/menu_actif.png);
}

#menu ul {
 list-style-type:none;
}

#menu li {
 float:left;
 margin:20px;
 }
 
#menu_accueil a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu.png);
background-repeat:no-repeat;
padding-top:15px;
padding-bottom:15px;
padding-left:35px;
padding-right:38px;
 }
 
#menu_prestation a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu.png);
background-repeat:no-repeat;
padding-top:15px;
padding-bottom:15px;
padding-left:22px;
padding-right:20px;
 }
 
#menu_contact a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu.png);
background-repeat:no-repeat;
padding-top:15px;
padding-bottom:15px;
padding-left:35px;
padding-right:35px;
 }


#menu_accueil_actif a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu_actif.png);
background-repeat:no-repeat;
color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
padding-left:35px;
padding-right:38px;
 }
 
#menu_prestation_actif a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu_actif.png);
background-repeat:no-repeat;
color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
padding-left:22px;
padding-right:20px;
 }
 
#menu_contact_actif a{
text-decoration: none;
color: #DCDCDC;
background-image:url(images/menu_actif.png);
background-repeat:no-repeat;
color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
padding-left:35px;
padding-right:35px;
 }





/* -------------------- fin menu ------------------- */


#texte {
margin-top:20px;
margin-left:40px;
margin-right:60px;
float:left;
}

#titre{
margin-left:80px;
}


/* -------------------- contenu ------------------- */

#contenu{
margin:80px;
width: auto;
height:auto;
}

#global{
width:860px;
margin-top:120px;
}

#colonne_gauche_trouver{
float: left;
width: 600px;
margin: 0px 0px 0px 0px;
height:auto;
}

#colonne_droite_trouver{
margin-left: 55%;
height:auto;
width: 400px;
}

#global_mail{
float: left;
width: 860px;
margin-top:150px;
}

#logo_index{
padding-top:60px;
}

/* -------------------- fin contenu ------------------- */


.clear {
clear: both;
}

#login {
margin-bottom:60px;
margin-left:0px;
padding: 0px 0px 0px 0px;
height: auto;
background: #4BA8DF;
border-top: solid 2px #FFFFFF;
border-bottom: solid 2px #FFFFFF;
}

#texte_login {
margin-left:80px;
}

#prestation {
margin-bottom:60px;
margin-left:0px;
padding: 0px 0px 0px 0px;
height: 210px;
background: #4BA8DF;
border-top: solid 2px #FFFFFF;
border-bottom: solid 2px #FFFFFF;
}


/* ---------- tableau et tri -------------- */
 

.sortable{
width:800px;
border-left:1px solid #c6d5e1;
border-top:1px solid #c6d5e1;
border-bottom:none;
margin:0 auto 20px;
font-size:12px;
}

.sortable th{
background-color:#000000;
text-align:left;
color:#cfdce7; 
border:1px solid #fff; 
border-right:none;
}

.sortable th h3{
font-family: Verdana;
font-size:14px;
line-height: 1.5em;
padding:5px 15px 5px 5px;
}

.sortable td{
color:#000000;
padding:5px 5px 5px; 
border-bottom:1px solid #c6d5e1; 
border-right:1px solid #c6d5e1;
}

.sortable .head h3{
background:url(images/sort.gif) 7px center no-repeat; 
cursor:pointer; 
padding-left:18px;
}




/* fond actif du tableau de tri */

.sortable .desc, .sortable .asc{
background-color:#696969;
}

.sortable .desc h3{
background:url(images/desc.gif) 7px center no-repeat; 
cursor:pointer; 
padding-left:18px;
}

.sortable .asc h3{
background:url(images/asc.gif) 7px  center no-repeat; 
cursor:pointer; 
padding-left:18px;
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover{
color:#fff;
}

.sortable .evenrow td{
background:#fff;
}

.sortable .oddrow td{
background:#ecf2f6;
}

.sortable td.evenselected{
background:#ecf2f6;
}

.sortable td.oddselected{
background:#dce6ee;
}