* {
margin:0;
padding:0;
}
 
body {
font:12px Arial, Sans-serif;
background:url(/img/headerblue.gif) repeat-x;
margin:0;
padding:0;
}
 
a {
background:inherit;
color:#003399;
}
 
a:hover {
background:inherit;
color:#9C0000;
}
 
#main h1 {
font:bold 180% Arial, Sans-serif;
color:#3E7CC8;display:none;
}
 
.sidebox h2 {
font:bold 1em Arial, Sans-serif;
color:#07519A;
}

.sidebox2 h2 {
font:bold 1em Arial, Sans-serif;
color:#07519A;
} 

#tel h2 {
font:bold 1em Arial, Sans-serif;
color:#fff;
background:#FFF url(/img/arrow.gif) no-repeat center left;
}
 
h3 {
font:bold 1em Arial, Sans-serif;
}
 
h4 {
font:bold 110% Arial, Sans-serif;
color:#07519A;
}
 
h5 {
font:normal 1em Arial, Sans-serif;
color:#07519A;
}
/* --------------------- MENU NAVI DU MOTEUR --------------------------------- */
/* MENU NAVI DU MOTEUR */
#header #head .mnuhead {
margin:0;
padding:1px 0 1px 2px!important!;
padding:1px 0 2px 2px;
}

#header #head {
padding-bottom:2px;
padding-top:5px;
/*position:relative;*/
}

#header #head ul {
list-style:none;
}

#header #head ul li {
display:inline;
font:normal 1em Arial, Sans-serif;
}

#header #head ul li#first A {
color:#fff;
font-size:13px;
text-decoration:underline;
margin:0 0px;
}

#header #head A {
color:#fff;
font-size:13px;
text-decoration:underline;
margin:0 0px 0 9px;
}

#header #head A:hover {
text-decoration:none;
}

#radios {
/*position:absolute;*/
font:normal 1em Arial, Sans-serif;
color:#FFF;
/*top:48px;*/
margin:0px;
padding:1px 0px 4px!important!;
padding:4px 0px 4px;
}
input.c3 {
padding:0;
margin:0 4px 0 0;
}

/* 1ER MENU HAUT  */
#menu {
clear:both;
margin:0 0 0 5px;
padding:0;
}
 
#menu ul {
height:15px;
position:relative;
top:3px;
bottom:4px;
line-height:17px;
float:left;
font:1em Arial, Sans-serif;
width:760px;
list-style:none;
border-width:0;
margin:0;
padding:0;
}
 
#menu ul li {
display:inline;
position:relative;
bottom:-4px;
float:left;
color:#404040;
background:#FFF url(/img/arrow.gif) no-repeat left;
padding:1px 8px 0 16px;
}
 
#menu ul li a {
color:#404040;
text-decoration:none;
background:#FFF;
}
 
#menu ul li a:hover {
color:#000;
background-color:#FFF;
}
 
#main h1,#rightbar h1 {
margin:0;
padding:9px 0 2px 3px;
}
 
#main h4 {
border:1px solid #ACE;
background:#EBF3FB;
margin:10px 0 0;
padding:2px 0 2px 9px;
}
/* TITRE MENU GAUCHE  */
#sidebar h2,#rightbar h2 {
border-bottom:1px solid #ACE;
background:#EBF3FB;
margin:0;
padding:2px 0 2px 5px;
}
 
h1,h2,h3 {
margin:0 10px;
}
 
p {
margin:6px 2px 6px 1px;
}

p.c6 {
margin:6px;
}
ul,ol {
color:#3182C0;
margin:10px 30px;
padding:0 10px;
}
 
ul span,ol span {
color:#666;
}
/* images */
img {
border:0 solid #CCC;
}
 
img.float-right {
margin:5px 0 5px 15px;
}
 
img.float-left {
margin:5px 15px 5px 0;
}
 
a img {
border:0 solid #3791D7;
}
 
a:hover img {
border:0 solid #806B4D !important;
}
 
code {
text-align:left;
display:block;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
border:1px solid #ACE;
border-left:3px solid #ACE;
margin:12px 0 0;
padding:8px 0 8px 10px;
}
 
acronym {
cursor:help;
border-bottom:1px solid #777;
}
 
blockquote {
background:#FAFAFA url(quote.gif) no-repeat 5px 10px !important;
background-position:8px 10px;
border:1px solid #f2f2f2;
border-left:3px solid #3182C0;
font-weight:700;
margin:15px;
padding:0 0 0 32px;
}
 
#global {
width:100%;
text-align:left;
padding:0;
}
 
#global1 {
margin-left:auto;
margin-right:auto;
width:465px;
text-align:left;
padding:20px 0 0;
}
 
#global2 {
width:490px;
text-align:left;
padding:0 0 0 12px;
}
/* form DE FORMULAIRE recherche  */
form {
margin:0 235px 0 0;
padding:0;
}
 
label {
display:block;
font-weight:700;
margin:0;
}
 
input {
font:normal 1em/1.5em Arial, sans-serif;
color:#333;
line-height:130%;
padding:2px 4px 0 4px;
}
 
textarea {
width:350px;
font:normal 1em/1.5em Arial, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#333;
padding:4px;
}
 
input#query {
height:16px;
font-size:100%;
padding:2px 0 0 1px;
}
/* autres boutons */
input#submit {
font:normal 1em/1.5em Arial, sans-serif;
color:#333;
line-height:130%;
padding:2px 4px 0 4px;
width:90px;
}
/* ------------------------------------ FORM DU MOTEUR RECHERCHE -------------------------------- */
#header {
position:relative;
background:url(/img/degrad5.jpg) #57a repeat-y 100% 50%;
height:73px;
}
#header h1#logo {
background:url(/img/s3.gif);
background-repeat:no-repeat;
text-indent:-500%;
float:left;
height:31px;
width:167px;
/*margin:15px 0 4px;*/
margin:20px 0 4px!important!;
margin:20px 0 4px;
}
 
/* header */
#header {
position:relative;
background:url(/img/degrad5.jpg) #57a repeat-y 100% 50%;
height:73px;
}
 
#header .shm {
/*top:0.5px;*/
right:4px;
position:absolute;
}
#header .search {
padding:0;
}
#header .shm div> input {vertical-align:middle;
}
#header .shm .q {
margin:0;
border:1px solid #4b7c9f;
border-style:solid none solid solid;
/*
border-color:#4b7c9f;
border-style:solid none solid solid;
border-width:1px 0 1px 1px;
*/
height:18px;
width:270px;
background-color:#FFF;
font-size:13px;
/*padding:1px 2px 0px 1px;*/
padding:0 0;
/*position:relative;*/
}
#header .shm .go {
/*vertical-align:top;*/
font-weight:700;
font-family:verdana;
font-size:13px;
background:url(/img/bout2.gif) repeat-x;
width:110px;
/*height:21px;*/
color:#fff;
text-align:center;
cursor:pointer;
border:0px solid;
height:20px;
padding:0px 0 1.5px;
/*padding:0 0 1.5px;*/
}
 
/* MISE EN PAGE - Layout */
#wrap {
text-align:left;
background:#FFF;
width:800px;
margin:0 auto;
}
#content-wrap {
clear:both;
width:760px; /* 780 */
border:1px solid #ACE;
margin:0 auto;
padding:0 15px;
}
/*  COLONNE CENTRALE */
#main {
float:left;
margin-left:0;
width:73%;
padding:6px 0 0;
}
 
.post-footer {
background-color:#FAFAFA;
margin-top:10px;
font-size:95%;
border:1px solid #f2f2f2;
padding:5px;
}
 
.post-footer .date {
background:url(clock.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 5px;
}
 
.post-footer .comments {
background:url(comment.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 5px;
}
 
.post-footer .readmore {
background:url(page.gif) no-repeat left center;
padding-left:20px;
margin:0 10px 0 5px;
}
/* DEVELOPPEMENT MENU GAUCHE - sideabar DROITE */
ul.liste li {
padding:0 0 10px;
}
 
#sidebar {
float:right;
width:25%;
display:inline;
margin:0;
padding:0;
}
 
#sidebar ul.sidemenu {
list-style:none;
text-align:left;
padding-right:0;
text-decoration:none;
margin:0 0 16px;
}
 
* html body #sidebar ul.sidemenu li {
height:1%;
}
 
/* ENCADREMENT DES BOX */
.sidebox {
border:1px solid #ACE;
background:#FFF;
margin:12px 0 0;
}
.sidebox p {
padding:0 0 0 6px;
}
.sidebox2 {
border:1px solid #ACE;
background:#F6FAFD;
margin:12px 0 0;
}
 
.sidebox3 {
border:1px solid #ACE;
background:#EBF3FB;
margin:10px 0 0;
}
.sidebox4 {
border:0 solid #ACE;
margin:10px;
}
.sidebox5 {
border-top:0 solid #ACE;
border-bottom:1px solid #ACE;
border-left:1px solid #ACE;
border-right:1px solid #ACE;
background:#FFF;
margin:0;
}
.sidebox6 {
border:0;
margin:0 10px 10px;
padding:5px 0 0;
}

.sidebox7 {
border-top: 0px;
border-bottom: 1px solid #AACCEE;
border-left: 1px solid #AACCEE;
border-right: 1px solid #AACCEE;
margin:0px;
background: #F6FAFD;
}
.sideboxgg {
text-align:center;
display:block;
border:1px solid #ACE;
background:#FFF;
margin:12px 0 0;
padding:12px 0 12px 0;
}
#Lists ul {
width:46%;
float:left;
margin:8px 0;
}
 
/* DEVELOPPEMENT MENU DROIT rightbar */
#rightbar {
float:right;
width:18%;
display:inline;
margin:0;
padding:0;
}
 
#rightbar ul.sidemenu {
list-style:none;
text-align:left;
padding-right:0;
text-decoration:none;
margin:0;
}
/* BAS DE PAGE footer */

#footer {
width:800px;
clear:both;
background:#FFF;
border-top:0 solid #FFF;
text-align:center;
height:50px;
margin:0 auto;
}
#footer a {
text-decoration:none;
font-weight:400;
}
#footer h6 {
width:800px;
border-bottom:1px solid #ACE;
border-left:1px solid #ACE;
border-right:1px solid #ACE;
background:#EBF3FB;
margin:0;
padding:6px 10px 7px 0px;
}
ul.p {
list-style-type:none;
margin:0;
padding:0 8px;
}
 
ul.p a {
background-image:none;
}
 
ul.p li {
list-style-type:none;
background-image:url(/img/puce.gif);
background-repeat:no-repeat;
margin:5px;
padding:0 0 5px 12px;
}
 
b.e {
color:#333;
}
 
p.e {
color:#222;
}
/* Alignment classes */
.float-left {
float:left;
}
.float-right {
float:right;
}
.align-left {
text-align:left;
}
.align-right {
text-align:right;
}
.align-center {
text-align:center;
}
.align-justify {
text-align:justify;
}
/* display classes */
.clear {
clear:both;
padding:6px 0 0;
}
.block {
display:block;
}
.hide {
display:none;
}
.blue {
color:#3791D7;
}
 
/* ANNUAIRES */
.line {
height:1px;
border-bottom:1px solid #ACE;
width:99%;
margin:15px 0 10px;
}
 
#lin2 {
height:1px;
border-bottom:25px solid #20438D;
width:475px;
margin:0;
}
 
.tab {
border-right:1px solid #ACE;
border-left:1px solid #ACE;
margin:0;
}
 
.tab td.dt {
color:#333;
font-weight:700;
font-size:100%;
line-height:150%;
vertical-align:middle;
border-bottom:1px solid #ACE;
}
 
.tab td {
color:#333;
font-size:100%;
line-height:150%;
vertical-align:middle;
padding-left:10px;
border-bottom:1px solid #ACE;
}
/* meteo */
.tab td.ap {
color:#333;
font-size:100%;
line-height:150%;
vertical-align:top;
padding-left:10px;
border-bottom:1px solid #ACE;
}
.tab td A {
color:#003399;
font-size:13px;
text-decoration:none;
margin:0 0 0 4px;
}
 
.taba {
background-color:#EBF3FB;
border:1px solid #ACE;
width:100%;
margin:11px 0 0;
}
 
.taba td {
line-height:140%;
color:#003399;
margin:0;
padding:0 0 0 8px;
}
 
.taba td A {
padding:0;
}
 
.tabc {
background-color:#EBF3FB;
border:1px solid #ACE;
width:100%;
margin:12px 0 0;
}
 
.tabc td {
line-height:140%;
color:#07519A;
margin:0;
padding:0 0 0 8px;
}
 
.tabc td A {
text-decoration:none;
padding:0 0 0 11px;
}
 
#playlist tbody tr td {
background-color:#F6FAFD;
}
 
#playlist tbody tr.odd td {
background-color:#fff;
}
 
#menu ul li#current a,ul,li {
color:#000;
}
 
#sidebar ul.sidemenu li,#rightbar ul.sidemenu li {
border-bottom:1px dashed #CCC;
width:90%;
background:url(/img/arrow5.gif) no-repeat 2px 5px;
padding:2px 0 2px 10px;
}
 
#sidebar ul.sidemenu a,#rightbar ul.sidemenu a {
font-weight:400;
background-image:none;
text-decoration:none;
}
 
p#v,p#vz {
font-size:90%;
color:#444;
padding-top:0.2em;
} 
#v a,#v a:hover,#vz a,#vz a:hover {color:#444;text-decoration:none;}
 / *  ************* blog *******************  */
.tab td A:hover,.taba td A:hover,.tabc td A:hover {color:#980000;text-decoration:none;}
.List a {text-decoration:none;font-weight:bold;font-size:14px;color:#07519A;}
.List a:hover{color:#4A92D9;}	
.List a:hover img, a:focus img {border-color:#75AFE2;}
.blog {clear:left;display:block;float:left;width:100%;}
.List {margin:0;padding:0;}
.List li {display:block;}
.List li:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.right{float:right;}
ul.Like li {text-decoration:none;font-weight:normal;height:1%;padding:7px;background-image:url(/img/dot3.gif);background-repeat:repeat-x;background-position:left bottom;}
.highlighted {background-color:#F9FAFC;}
/ *  ************* 4 colonnes *******************  */
div.wrapper{margin-bottom: 1em;}
.wrapper ul{width: 45em;list-style:none;}
/* 30/3 45/4 col */
.wrapper ul li{float: left;width: 10em;}
/* 10 15 colo droite*/
.wrapper ul li a {display: block;text-decoration: none;width: 9em;}
/* longueur texte */
.wrapper ul li a:hover {color: #FFF;background-color: #980000;}
/* stop the floating after the list */
br {clear: left;}

