/* Global */

* { margin: 0; padding: 0; }

html {
height: 100%;
background-color: #FFFFFF;
}

body {
height: 100%;
/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
font-size: 13px;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image: url(../i/background-bi.gif);
background-position: top left;
background-repeat: repeat-x;
text-align: center; /* Pour Bug IE 6 de centrage */
}

p {
font-size: 100%;
margin: 0;
}

img {
border: 0;
}

a {
text-decoration: none;
}

.centrerTexte {
text-align: center;
}

.imgright {
float: right;
}

.imgleft {
float: left;
}

/* Structure Niveau 1 */
#conteneur {
min-height: 100%;
width: 916px;
margin: 0 auto; 
background-image: url(../i/header-rose.jpg);
background-position: top left;
background-repeat: no-repeat;
background-color:#FFFFFF;
text-align: left;
}

#header {
height: 250px;
}

.main {
clear:both;
margin-left: 20px;
}

#footer {
height: 30px;
padding-top: 10px;
clear: both;
}

/* Structure Niveau 2 */
#titre {
float:right;
right: 0;
width: 900px;
height: 169px;
}

#slogan {
float: right;
right: 0;
width: 450px;
height: 200px;
}

.blocGauche{
float: left;
padding-left: 23px;
width: 420px;
}

.blocDroite {
float: right;
padding-right: 23px;
width: 420px;
}

.blocRose {
background-image: url(../i/degradeRose.gif);
background-position: top;
background-repeat: repeat-x;
margin-bottom: 10px;
padding: 2px 5px 3px 0;
}

.blocBleu {
background-image: url(../i/degradeBleu.gif);
background-position: top;
background-repeat: repeat-x;
margin-bottom: 10px;
padding: 2px 5px 3px 0;
}

.blocMono {
margin: 10px 23px;
}

.duoUnique-gauche {
float: left;
padding-left: 23px;
width: 665px;
}

.duoUnique-droite {
float: right;
padding-right: 23px;
width: 175px;
}

/* ----------------------- Mise en forme ----------------------- */
/* ----------------------- Header ----------------------- */

#header h1 {
font-size: 100%;
font-weight: bold;
color: #FFFFFF;
margin: 0;
padding-top: 145px;
padding-left: 185px;
text-align: right;
}

#header h1 a {
color: #FFFFFF;
display: block;
}

#header h1 a:hover {
}
/* ----------------------- Menu ----------------------- */
ul li { list-style: none; }

#header a:link, #header a:visited, #header a:hover { color: #FFF; text-decoration: none; }

#header {
}

#header ul {
height: 28px;
line-height: 28px;
padding: 10px 0 0 140px;
}

#menu li {
font-size: 100%;
float: left;
font-weight: bold;
background-color: #D83399;
width: 100px;
border: 1px solid #fff ;
margin-right: 1px;
text-align: center;
}

#menu li a {
display: block;
text-align: center;
}

#menu li a:hover, #menu li a:focus , #menu li a:active  {
background-color: #E049A6;
}

#menu li a:link {
}

#menu li a:visited {
}


/* ----------------------- Main ----------------------- */
.main h1 {
font-size: 1.4em;
color: #75539C;
padding: 0 0;
margin: 0 0;
}

.main h2 {
font-size: 1.2em;
color: #75539C;
padding: 0 0;
margin-left: 20px;
}

.main a {
color: #75539C;
text-decoration: underline;
}

.main ul {
list-style-type: none;
}

.main li {
background-image: url(../i/puce01.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 10px;
font-size: 95%;
}

.main li.articles {
font-size: 95%;
padding-left: 0px;
}

.main p {
padding: 5px 0;
line-height: 1.5em;
}

.main p.citation {
font-style: italic;
font-size: 0.9em;
}

.details_date {
font-size: 0.9em;
color: #666666;
}

.main p.complement {
font-size: 0.8em;
font-weight: bold;
text-align: right;
color: #666666;
padding-bottom: 0;
}

.main p.complement a {
color: #666666;
text-decoration: underline;
}

.blocRose ul {
list-style-type: none;
padding-left: 5px;
}

.blocRose li {
background-image: url(../i/puceRoseC.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 10px; /*20px;*/
margin-bottom: 5px;
}

.blocRose a {
font-weight: bold;
font-size: 90%;
color: #FF3399;
text-decoration: none;
}

.blocBleu ul {
list-style-type: none;
padding-left: 5px;;
}

.blocBleu li {
background-image: url(../i/puceBleuC.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 10px; /*20px;*/
margin-bottom: 5px;
}

.blocBleu a {
font-weight: bold;
font-size: 90%;
color: #0066FF;
text-decoration: none;
}

/* ----------------------- Footer ----------------------- */
#footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-align: center;
}

#footer a {
color: #000000;
}

/* --------------- Phorum -----------------------*/
.main a.SAUserInfo {
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
}

.main p.SATextCenter {
	text-align: center;
	font-size: 13px;
}