body, html {margin:0; padding:0;}
body {background: #ccc url(/images/background.jpg) repeat-x top; font-family:Arial, sans-serif; }


h1, h2 {margin:0; padding:0;}
h1{color:#F90;}
h2{color:#1b9dd8;}
a {text-decoration:none;}
strong {font-weight:normal;}

.l_500 {width:500px;}
.l_400 {width:400px;}
.l_300 {width:300px;}
.l_250 {width:250px;}
.l_230 {width:230px;}
.l_220 {width:220px;}

.left{float:left;}
.aleft{text-align:left;}
.center {margin:0 auto;}
.clear{ clear:both;}


.conteneur{margin-left:170px; width:960px; padding-top:30px; position:relative;}
.conteneur h1 { margin:0;}
.conteneur img { margin:0; border:0;}
.conteneur-acc{margin:0 auto; width:960px; padding-top:30px; position:relative;}
.conteneur-acc h1 { margin:0;}
.conteneur-acc img { margin:0; border:0;}
.content {float:left; width:600px; padding-left:10px; font-size:14px;}
.content ul { padding-left:10px; margin-top:10px;}
ul.inline {margin:0 auto; width:600px; margin-bottom:20px;}
ul.inline li {display:inline; margin-left:20px;}
.content li {list-style-type:none; padding:0; margin:0;}
.content p {text-align:justify;}

div.font strong {font-size:12px;}
/*header*/
#logo1{position: absolute; z-index:200; }
#logo2 { background: url(/images/logo-ombre-portee.png) no-repeat; width:219px; height:73px; z-index:100; position:absolute;}
#logo3 { position: relative; background: url(/images/logo-reflet.png) no-repeat; width:219px; height:73px; }

/*Diaporama*/
.wrapper { background: url(/images/fond-diapo.png) no-repeat; width:881px; height:239px; padding-top: 15px; margin: 0 auto; margin-top: 30px; margin-bottom:85px; }
#diapo{  position:relative; width:780px; height:209px; margin-left: 53px;  background:url(images/loading.gif) no-repeat 50% 50%; }
#diapo img { position:absolute; top:0px;left:0px; display:none;}
#diapo { border:0; display:block;}


#left-but {background: url(/images/gauche.png) no-repeat top center; width:48px; height:48px; border:none; margin-right:10px; margin-left:420px; }
#right-but {background: url(/images/droite.png) no-repeat top center;width:48px; height:48px; border:none;}
#title-text {font-size:18px; text-align:center; font-family:Helvetica, Arial, sans-serif; }
#alt-text {font-size:12px; text-align:center; font-family:Helvetica, Arial, sans-serif; }

div.border {border:1px solid #666; padding:10px; font-size:12px; margin-left:18px; height:250px;}
div.border h2 {font-size:12px; background-color:#666; height:25px; color:#fff; text-align:center; padding-top:5px;}
/*Menu*/
.ombre { background: url(/images/ombre.png) bottom center no-repeat ; height:165px; width: 220px; float:left; padding-left:15px; }
.ombre a{text-decoration:none; color:#fff;}
.ombre strong{ background: #000; opacity:.7; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); display:block; height:47px; margin-top: -62px; font-weight:normal; text-align:center; font-size:15px; padding-top:15px;}
.ombre strong:hover{color:#f49225;}

/*Navigation*/
ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 100px; left: -30px; list-style: none; z-index:9999; }
ul#navigation li { width: 200px; }
ul#navigation li a { color:#fff; display: block; margin-left: 5px; width: 150px; height: 45px; background-color:#222; background-repeat:no-repeat; background-position:center center;border:1px solid #AFAFAF; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); font-size:12px;
text-decoration:none; text-align: center; padding-top:20px; font-weight:bold; padding-left:5px; padding-left:15px; margin-top:5px;}
ul#navigation li a:hover {color:#F90;}

/*Prestations*/

div.prestations p {font-size:14px; }
div.prestations div.l_220.left {margin-left:10px; padding:5px;}
div.prestations div.l_220.left h3 {font-size:18px; text-align:center; color:#333; background-color:#999; height:35px; margin:0; padding-top:15px;}

div.prestations div.l_250.left p {font-size:12px;}


/*News*/
#newsticker-demo { width:220px;  background:#f0f0f0;padding:5px 5px 0;font-size:12px; float:left; margin-top:40px; margin-left:20px;}
#newsticker-demo a { text-decoration:none; height:auto;color:#F90; }
#newsticker-demo img { }
#newsticker-demo .title { font-size:16px;font-weight:bold; padding-left:5px; color:#333333;}
.newsticker-jcarousellite { width:210px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
.newsticker-jcarousellite .thumbnail { float:left; width:110px; }
.newsticker-jcarousellite .info { float:right;    }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

div.news  {font-size:12px; width:600px; float:right; text-align:justify;}
div.news img {border:none;}
div.news ul li {list-style:none;}

.clear { clear: both; }

/*Contact*/
div.contact {padding:20px;}
div.contact p {font-size:14px;}
div.contact table {width:460px;}
div.contact table input.bouton{font-size:10px;}
div.contact div.l_400 span{color:#F60; font-size:18px; font-weight:bold; }

div.contact div.l_500 span{color:#222; font-size:18px; font-weight:bold;}
div.contact div.l_500 a {color:#222;}
div.contact div.l_500 a:hover {color:#F60;}

/*Adwords*/
div.adwords {padding:20px;}

div.adwords h2 { color:#F39124; font-size:16px; text-transform:uppercase; padding-bottom:10px;}
div.adwords p { font-weight:bold; color:#1b9dd8; font-size:16px; text-transform:uppercase; text-align:center;  line-height:30px;}
div.adwords a {color:#000;}
div.adwords label {font-size:12px; padding-right:20px;}
div.adwords div.left {  margin-top:20px;}
div.adwords span { font-size:12px;}
div.adwords div.left div { margin-top:10px; width:450px;}
div.adwords div.left label  { width:130px; display:block; float:left;}

/*Footer*/
.footer{ border-top: 1px solid #666; border-bottom: 1px solid #666; font-size:10px; margin-top:35px;}
.footer a ,.footer p {font-size:10px; text-decoration:none; color:#666;}
.footer a:hover {text-decoration:underline;}
.footer a.teamw:hover { text-decoration:none !important;}
.footer p {display:block; float:left; padding-top:10px;}
.footer h2 {font-size:14px; color:#1b9dd8; float:left; padding-left: 5px; padding-top:17px; text-shadow: 1px 1px 0px #222; }
.footer ul {float:left:}
.footer ul li {display:inline; list-style-type:none; padding-left:5px;}
.footer ul li img {vertical-align:top;}
.footer iframe {margin-top:5px;}