﻿/* CSS Document */
body{padding:0px; margin:0px; font:11px verdana, sans-serif; color:#fff; background:url(../images/bckgrd-body.png) top left repeat-x #233038; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a { color:#1585c3; text-decoration:none;}
img { border:none;}

 .clear {clear: both; margin: 0px}
 .left { float:left;}
 .right { float:right;}
 .width435 { width:435px;}
 .width200 { width:200px;}
 .width200 img {border:1px solid #0c1115; margin:0 0 15px 0;}
 .logo { float:left; height:58px;}
 	.logo img { margin:0 0 0 33px;}
 .sousMenuHome { float:right; padding:0 0 0 20px; background:url(../images/picto-home.png) left no-repeat; margin:10px 10px 0 0;}
 	.sousMenuHome a { font-size:10px;}
 .sousMenuSitemap { float:right; padding:0 0 0 20px; background:url(../images/picto-sitemap.png) left no-repeat; margin:10px 10px 0 0;}
 	.sousMenuSitemap a { font-size:10px;}
 .sousMenuLangue { float:right; padding:0 0 0 2px; margin:12px 50px 0 0;}
 	.sousMenuLangue a { font-size:10px;}
 .animation { padding:0 0 0 33px;}

/* HEADER */

#banner{width:766px; height:290px; background:url(../images/bckgrd-header.png) top no-repeat; position:relative; margin: 0 auto;}

#header { width:696px; height:37px; margin:0 0 0 33px; background:url(../images/bckgrd-menu.png) top left no-repeat;}

#header ul{}
#header ul li{height:37px;float:left;}
#header ul li a{height:37px; display:block; text-indent:-20000px; }
#header ul li a:hover{height:37px;}

#header ul li.menuAccueil a{width:97px; background:url(../images/menu-accueil.png) 0 0 no-repeat; }
#header ul li.menuAccueil a:hover{width:97px; background:url(../images/menu-accueil-h.png) 0 0 no-repeat;}

#header ul li.menuPresentation a{width:125px; background:url(../images/menu-presentation.png) 0 0 no-repeat; }
#header ul li.menuPresentation a:hover{width:125px; background:url(../images/menu-presentation-h.png) 0 0 no-repeat;}

#header ul li.menuFlotte a{width:129px; background:url(../images/menu-flotte.png) 0 0 no-repeat; }
#header ul li.menuFlotte a:hover{width:129px; background:url(../images/menu-flotte-h.png) 0 0 no-repeat;}

#header ul li.menuCoordonnees a{width:143px; background:url(../images/menu-coordonnees.png) 0 0 no-repeat; }
#header ul li.menuCoordonnees a:hover{width:143px; background:url(../images/menu-coordonnees-h.png) 0 0 no-repeat;}

/* ANIMATION */
#animation{width:775px; margin: 0 auto; clear:both; }

/* CONTENT */

#content{width:766px; background:url(../images/bckgrd-content.jpg) 0 0 no-repeat; margin: 0 auto; clear:both; }

.blocImage { width:230px; height:109px; border:1px solid #0c1115; float:left; margin:10px 1px 0 0;}
.blocImage33 { width:230px; height:109px; border:1px solid #0c1115; float:left; margin:10px 1px 0 33px;}

#blocBienvenue {border:1px solid #0c1115; float:left; margin:0 2px 0 33px; width:228px; height:160px;}
#blocFlotte {border:1px solid #0c1115; float:left; margin:0 2px 0 0; width:228px; height:160px;}
#blocCoordonnees {border:1px solid #0c1115; float:left; width:228px; height:160px;}
#blocPage {border:1px solid #0c1115; float:left; width:694px; margin:0 0 0 33px; }
.blocPageContent { padding:20px; width:656px;}
.blocPageContent h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3fa0e1; text-transform:uppercase;}
.blocPageContent h1 span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#fff; text-transform:uppercase;}

#blocPage li {background:url(../images/arrow.png) 4px 4px no-repeat; padding-left:25px; line-height:18px;}

.blocContent { padding:20px; width:188px;}
.blocContent h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3fa0e1; text-transform:uppercase;}
.blocContent h1 span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; text-transform:uppercase;}
.blocContentEnd { width:188px; border-bottom:1px dotted #364045; color:#d8d8d8;}

#homeAdresse { padding:0 0 0 22px; background:url(../images/arrow.png) top left no-repeat;}

#leftPan{width:255px; margin: 23px 0 20px 83px; display:inline; float:left; }
#rightPan{width:290px; margin: 23px 0 20px 65px; display:inline; float:left }

#welcome{position: relative; clear:both; margin-bottom:20px}
#welcome p{padding:7px 0 15px 0 }
#welcome p span.boldwhite {display:block; margin:0 0 10px 0}
#welcome h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#welcome h1 span { color:#ffc444; margin:0; padding:0;}
#welcome h2 { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}

#featured{position: relative; clear:both}
#featured ul {width:position:relative; top:0; left:11px; float:left; margin-right:24px}
#featured ul li {display:block; background:url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 0 21px; font:11px verdana, sans-serif; text-decoration:none; font-weight:normal}
#featured h1 { font-size:16px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#featured h1 span { color:#ffc444; margin:0; padding:0;}
#featured p span { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}


#contentPage {position: relative; clear:both; padding: 23px 0 20px 83px; width:625px;}
#contentPage p{padding:7px 0 15px 0 }
#contentPage p span.boldwhite {display:block; margin:0 0 10px 0}
#contentPage h1 { font-size:16px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
#contentPage h1 span { color:#ffc444; margin:0; padding:0;}
#contentPage h2 { font-size:13px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#ffc444;}

/* FOOTER */

#footer{width:696px; height:64px; margin: 0 auto; clear:both; background:url(../images/bckgrd-footer.png) 0 0 no-repeat; margin: 0 auto;}
#footer p{padding: 25px 0 0 0; font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#1585c3;}
#footer p a{font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#1585c3; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#fff; text-decoration:none; background:#1585c3; }

.footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#1585c3; text-decoration:none; margin:5px 0 0 320px;}
.footerTOW a:hover{color:#fff; background:#1585c3;}

#footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#1585c3;}

p.eweb {
	font-size : 11px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; text-align : justify;
	line-height : 18px;
}

