body {
/*background : #b0e25d;*/
background : #f34d00 url(body.jpg) repeat-x top center;
font-family : Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size : 0.7em;
color : #555;
margin : 0;
padding : 0px 0 0;
}
a {
color : #da7e00;
text-decoration : none;
}
a:hover {
color : #bc4300;
text-decoration : underline;
}
img {
border : none;
vertical-align : middle;
}

ul {
list-style-type : square;
margin : 5px;
padding : 0px;
padding-left : 15px;
}
p,ul,ol {
text-align : justify;
}





h1 {
margin : 0;
padding : 5px 0 10px;
border-bottom : 1px dotted #ccc;
color : #4a2200;
font-size : 1.3em;
}
h2 {
margin : 5px 0 0;
padding : 5px 0;
color : #4a2200;
font-size : 1.2em;
}
h3 {
margin : 5px 0 0;
padding : 5px 0;
color : #4a2200;
font-size : 1.2em;
}
h4 {
margin : 0 0 5px;
color : #644300;
padding : 10px 0;
font-size : 1.0em;
border-bottom : 1px dotted #ccc;
font-style : italic;
}
h5 {
margin : 0;
margin-top : 5px;
color : #644300;
padding : 10px;
font-size : 1.0em;
text-align : justify;
}
h6 {
margin : 0;
margin-bottom : 5px;
padding : 0;
padding-bottom : 5px;
border-bottom : 1px dotted #ddd;
color : #644300;
font-size : 1.2em;
text-align : center;
}
.message {
border : 1px dotted #eee;
padding : 10px;
margin-top : 5px;
text-align : justify;
font-size : 1.2em;
}






.floatleft {
float : left;
}
.floatright {
float : right;
}
.clear {
clear : both;
}
.tright {
text-align : right;
}
.center {
text-align : center;
}
.activ {
display : block;
}
.noactiv {
display : none;
}

#entete {
width : 900px;
height : 100px;
margin : 0 auto;
padding : 20px 0 0;
background : #000 url(entete.jpg) no-repeat bottom center;
}
#entete img {
margin-left : 30px;
}


#corps {
width : 896px;
min-height : 520px;
margin : 0 auto;
padding : 2px 2px 10px 2px;
border-left : 2px solid #000;
border-right : 2px solid #000;
background : #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
box-shadow: 0 5px 16px #000;
-webkit-box-shadow: 0 5px 16px #000;
-moz-box-shadow: 0 5px 16px #000;
}


#piedpage {
clear : both;
width : 770px;
margin : 0 auto;
padding : 5px 65px;
font-size : 0.8em;
min-height : 15px;
color : #aaa;
border-left : 2px solid #000;
border-right : 2px solid #000;
border-bottom : 2px solid #000;
background : #fff;
text-align : center;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
box-shadow: 0 5px 16px #000;
-webkit-box-shadow: 0 5px 16px #000;
-moz-box-shadow: 0 5px 16px #000;
}

#piedpage a {
color : #888;
}




.blocg {
float : left;
width : 570px;
padding-left : 20px;
}
.blocd {
float : right;
width : 300px;
text-align : center;
padding-top : 10px;
}

.pano_fleche_g {
float : left;
padding-left : 2px;
padding-right : 0;
}
.pano_fleche_d {
float : right;
padding-left : 0;
padding-right : 2px;
}

#pano_pub {
margin : 20px 10px;
}
#pano_pub img, #pano_pub object {
border : 1px solid #aaa;
}
#pano_pub em {
display : block;
float : right;
padding : 2px;
margin-right : 14px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border : 1px solid #aaa;
border-top : none;
width : 70px;
}


#pano_infos {
margin : 10px auto;
padding : 0 10px;
width : 230px;
}






#pucelistearticles {
font-size : 1.4em;
font-weight : bold;
margin-top : 20px;
}
#pucelistearticles em {
font-size : 0.7em;
font-weight : normal;
padding : 5px 10px;
display : block;
}
#pucelistearticles span {
display:block;
font-family : arial black;
padding : 5px;
padding-left : 10px;
margin-left : -20px;
margin-bottom : 10px;
margin-top : -2px;
background : #d3d9e8 url(top-light.png) repeat-x top center;
border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
box-shadow:0 2px 4px #555;-webkit-box-shadow:0 2px 4px #555;-moz-box-shadow:0 2px 4px #555;
text-align : left;
letter-spacing : 2px;
color : #500;
}
#pucelistearticles li {
list-style-type : none;
padding-bottom : 10px;
margin-bottom : 20px;
border : 1px dotted #ccc;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
box-shadow:0 2px 4px #555;-webkit-box-shadow:0 2px 4px #555;-moz-box-shadow:0 2px 4px #555;
}
#pucelistearticles a{
padding-bottom : 10px;
padding-left : 10px;
}

#likefb {
margin : 5px;
height :20px;
}
#twitter {
float : right;
margin : 5px;
height :20px;
}


.pano_fleche img {
margin : 10px;
}

.link {
clear : both;
border-top : 1px dotted #ccc;
color : #888;
margin-top : 20px;
padding-top : 5px;
text-align : right;
font-weight : bold;
font-style : italic;
font-size : 0.8em;
}
#menu {
/*border : 1px dotted #eee;*/
font-size : 0.7em;
text-align : right;
}


#panocom {
text-align : center;
width : 80%;
margin : 20px auto;
padding : 10px 0;
background : #eee;
border : 1px solid #aaa;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:0 2px 4px #000;-webkit-box-shadow:0 2px 4px #000;-moz-box-shadow:0 2px 4px #000;
}
#panocom input[type=text]{
width : 95%;
margin : auto;
}
#panocom textarea,#panocom table{
width : 80%;
margin : auto;
}

#pano_print {
margin-top : 20px;
}
#pano_print .message{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 2px 6px #444;
-webkit-box-shadow: 0 2px 6px #444;
-moz-box-shadow: 0 2px 6px #444;
}



.titlemessage {
font-size : 1.7em;
text-align : center;
border : none;
padding : 10px;
margin-bottom : 20px;
background : #edeff4;
color : #500;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow:0 6px 12px #000;-webkit-box-shadow:0 6px 12px #000;-moz-box-shadow:0 6px 12px #000;
}











#micromenu {
float : right ;
margin-right : 15px;
margin-top : 60px;
}
#micromenu a {
display : block;
padding : 10px 5px;
float : right ;
font-weight : bold;
font-size : 1.6em;
color : #bc4300;
text-align : center;
}
#micromenu a:hover {
text-decoration : none;
color : #da7e00;
}



marquee {
display : block;
width : 880px;
margin : 10px auto;
color : #a41b00;
letter-spacing : 6px;
font-weight : bold;
font-size : 1.2em;
font-style : italic;
}