/* Feuille de style Yootoo */

/* Hack Css ie7 
*+html 
*/

/* Hack Css Firefox 
html:not([lang*=""])
*/

/* General Style */

body {
background-color: #000;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
color: #fff;
font-size:12px;
font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a img {
border: none;
}


a:link, a:hover, a:visited, a:visited:hover {
color: #5693ca;
text-decoration: none;
}

a:hover {
color: green;
text-decoration: none;
}


.puce {
}

h1 {
background: url(images/puce_nav1.png) no-repeat left center;
padding: 5px 15px 5px 30px;
color: #fff;
margin-left: 10px;
margin-top: 0px;
font: normal 1.2em/28px "verdana", arial, helvetica, sans-serif;
}

h2 {
font-family: "verdana", arial, helvetica, sans-serif ;
font-size: 1.1em;
color: #fff;
margin-left: 10px;
}

p {

}

/* Layout Style */



#container {
width: 940px;

margin: 15px auto 15px;
line-height: 1.1em;
text-align: left;
border: 4px solid #fff;
overflow: hidden;
padding: 0 !important;
}

#logo {
display: block;
position: relative;
float: left;
width: 216px;
height: 172px;
left: -15px;
top: -15px;
background: url(images/logo.png) no-repeat;
z-index: 2;
}

#header {
display: block;
float: left;
width: 940px;
height: 199px;
background: url(images/header.png) no-repeat;
border-bottom: 4px solid #fff;
}

#img_header {
display: block;
float: left;
margin-left: 100px;
}

#flags {
display: block;
float: right; 
}

#flags ul {
margin-top: 5px;
margin-right: 10px;
padding: 0px;
}

#flags ul li {
list-style-type: none;
text-align:center;
padding-top: 5px;
}

#navbar {
display: block;
float: left;
width: 188px;
border-bottom: 4px solid #fff;
}

#navbar ul {
font-family: "verdana", arial, helvetica, sans-serif ;
font-size: 1.25em;

margin-top: 10px;
margin-left: 10px;
margin-bottom: 15px;
padding: 0px;
line-height: 24px;
}


#navbar ul li {
list-style-type: none;
}

#navbar ul li a, #navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
background: url(images/puce_nav2.png) no-repeat left center;
padding: 5px 10px 10px 24px;
color: #fff;
}


#navbar ul li a:hover, #navbar ul li a.current {
text-decoration: none;
background: url(images/puce_nav1.png) no-repeat left center;
padding: 5px 10px 10px 24px;
color: #fff;
}

#navbar ul li a.on {
text-decoration: none;
background: url(images/puce_nav1.png) no-repeat left center;
padding: 5px 15px 10px 24px;
color: #fff;
}


#maincontent {
display: block;
float: left;
width: 940px;
min-height: 400px;
}

#leftcontent {
display: block;
float: left;
width: 188px;
min-height: 400px;
}

#info {
display: block;
float: left;
width: 188px;
overflow: hidden;
height: auto;
}

#info h1 {
display: block;
float: left;
width: 50px;
background: url(images/puce_nav1.png) no-repeat left center;
padding: 5px 15px 5px 24px;
color: #fff;
margin: 0px 0px 0px 10px;
font: normal 1.3em/28px "verdana", arial, helvetica, sans-serif;
}

#info_container {
display: block;
float: left;
width: 188px;
font: normal 1.2em/28px "verdana", arial, helvetica, sans-serif;
line-height: 1.2em;
color: #fff;
min-height: 120px;
}

.test {
display: block;
float: left;
padding: 10px;
width: 178px;
}



#rightcontent {
display: block;
float: left;
width: 740px;
min-height: 530px;
line-height: 1.4em;
font-size: 14px;
border-left: 4px solid #fff;
}

#rightcontent p{
padding-left:15px;
}

#navbar2 {
float: left;

height: 30px;
width: 730px;
border-bottom: 4px solid #fff;
padding-left: 18px;
padding-top: 5px;
}


#navbar2 ul {
font-family: "verdana", arial, helvetica, sans-serif ;
font-size: 1.1em;
margin: 0px;
padding: 0px;
line-height: 24px;
}


#navbar2 ul li {
list-style-type: none;
display: inline;
height: 18px;
margin-bottom: 5px;
}

#navbar2 ul li a, #navbar2 ul li a:link, #navbar2 ul li a:visited {
text-decoration: none;
background: url(images/puce_nav2.png) no-repeat left center;
padding: 5px 10px 10px 24px;
color: #fff;
}


#navbar2 ul li a:hover, #navbar2 ul li a.current {
text-decoration: none;
background: url(images/puce_nav1.png) no-repeat left center;
padding: 5px 10px 10px 24px;
color: #fff;
}

.content_container {
display: block;
float: left;
min-height: 210px;
margin-bottom: 13px;
}


.content_img {
display: block;
float: left;
margin-left: 13px;
margin-right: 13px;
}

.content_txt {
display: block;
float: left;
width: 400px ;
margin-left: 13px;
margin-right: 13px;
}


#footer {
clear: both;
display: block;
float: left;
width: 940px;
height: 44px;
background-color: #5693ca;
border-top: 4px solid #fff;
}


#footer_content {
font-family: "verdana", arial, helvetica, sans-serif ;
color: #fff;
text-align: center;
margin-top: 13px;
}

#footer_content p a.spip_mail {
color: #fff;
}

/* Table Style */

/* SPIP Style */

p.spip {
margin: 5px 10px;
line-height: 1.3em;
}

.spip_documents{
text-align: center;
}

.spip_doc_titre { 
font-size: 0.7em;
font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-left: auto;
margin-right: auto; 
}

table.spip {
}