html,body{
margin:0;
padding:0;
color: #333333;
}

* {
margin:0;
padding:0;
}

body{
font-size: 76% ;
font-family: Arial, sans-serif ;
text-align:center;
background-color:#808080;
}


#container{
text-align:left;
width:869px;
margin:0 auto;
border-right: 1px solid #545454;
border-bottom: 0px solid #545454;/*pas en mettre decallage sous firefox windows*/
height:auto;
min-height:1000px;
_height:1000px; /*pour ie http://wellstyled.com/css-underscorehack.html*/
background-color:#808080;
}
 

#blocgauche{
width:722px;
height:auto;
background-color:#fff;
min-height:1000px;
_height:1000px; /*pour ie http://wellstyled.com/css-underscorehack.html*/
float:left;
}

#blocdroite {
width:133px;
background-color:#808080;
position:relative;
float:right;
color:#fff;
height:auto;
min-height:1000px;
_height:1000px; /*pour ie http://wellstyled.com/css-underscorehack.html*/
}


#blocdroite p{
color:#fff;
}

#blocdroite h3 {
padding-top: 1em;
padding-bottom: 0em;
margin-left:5px;
font-size: 100% ;
color:#ffffff;
}



#blocdroite H3.jaune{
color:#ffed7f;
}




#blocdroite ul li{
list-style-type: square ;
margin-left:2px;
}

#blocdroite a{
color:#FFED7F;
text-decoration:none;
}

#blocdroite ul.over a{
text-decoration:underline;
}

#blocdroite ul.over a:hover{
text-decoration:none;
}

#blocdroite a:hover{
color:#FFED7F;
text-decoration:underline;
}

.blanc{
color:white;
}

.jaune{
color:#FFED7F;
}


#header{
width:722px;
height: 185px;
background: transparent url(images/headerfull.jpg) no-repeat;
}

/* My Comment */

#titre{
width:600px;
height: 25px;
background-color: #FFF;
}


#titre h1{
text-align:left;
font-variant: small-caps;
margin-left:165px;
font-size: 140%;
color: #356AA0;
}


#navigation{
width:133px;
height:auto;
background-color:transparent;
float:left;
line-height: 2.3em;
margin-top:-43px;
font-size: 100%;
}


#navigationbackgroundorange{
width:129px;
height:auto;
background: #FFDD79 url(images/fondcorner.jpg) no-repeat 0 bottom;
overflow: hidden;
margin-top:10px;/*rajou pour FF3*/
}
#navigation ul {
margin-top: 40px;
}/*rajou pour FF3*/



/*pour que l'image du corner ne colle pas a la liste*/
#navigation ul{
margin-bottom: 25px;
}
/* mais on en a pas besoin dans les sous-rubriques */
#navigation ul ul{
margin-left: 3px;
margin-bottom: 0px;
}

#navigation li{
margin: 3px;
list-style-image:none;
list-style-type:  ;
list-style-position: outside ;
text-transform: uppercase;
line-height: 15px;
}

/* miniscules pour les sous-rubriques afin de mieux distinguer*/
#navigation li li{
text-transform: none;
}

/*on a mis la classe etoile sur les listes exposees*/
#navigation li.etoile{
margin: 3px;
list-style-type: disc;
list-style-position: outside ;
}

/*couleur des liens du menu a gauche*/
#navigation li a{
text-decoration:none;
color: #333333;
}
/*couleur des liens survoles du menu a gauche*/
#navigation li a:hover{
text-decoration:none;
color:#808080;
}

.on {
font-weight:bold;
}

/*On met en gras le lien actif du menu*/
.active {
font-weight:bold;
}



/* Pour les trois colonnes de la partie centrale*/
#colonne1{
width:175px;
height:auto;
background-color:white;
margin-left:2em;
float:left;
color: #333333;
}

#colonne1 a {
color: #808080;
text-decoration: underline;
}

#colonne1 a:hover{
color: #000;
text-decoration: underline;
}


#colonne2{
width:175px;
height:auto;
background-color:white;
float:left;
color: #333333;
}

#colonne3{
width:175px;
height:auto;
background-color:white;
float:left;
border-right: 0px solid ;
color: #333333;
}

#colonne3 h1{

}



/* Pour les deux colonnes de la partie centrale*/
#colonnedeux1{
width:200px;
height:auto;
background-color:white;
margin-left:2em;
float:left;
}


#colonnedeux2{
width:200px;
height:auto;
background-color:white;
float:left;
border-right: 0px solid ;
color: #333333;
}

/* Pour une seule colonne dans la partie centrale*/

#colonneunique{
width:525px;
height:auto;
background-color:white;
float:left;
border-right: 0px solid ;
margin-left:2em;
margin-bottom: 15px;
color: #333333;

}

#colonneunique h1{
text-align:left;
margin-left:0px;
margin-right: 0px;
margin-bottom: 5px;
margin-top: 5px;
text-transform: uppercase;
}

#colonneunique h1 a{
color: #356AA0;
text-decoration: none;
}

#colonneunique h1 a:hover{
color: #356AA0;
text-decoration: underline;
}

#colonneunique a {
color: #000;
text-decoration: none;
}

#colonneunique a:hover{
color: #808080;
text-decoration: none;
}
	
#colonneunique ul li{
list-style-type:square;
margin-left: 15px;
}

/*marche pas lire la suite en gris*/
div.suite right a {
color: #808080;
text-decoration: none;
}
	
div.suite right a:hover {
color: #000;
text-decoration: underline;
}


#footer{
color:white;
text-align:center;
font-size: 90%;
clear: both;
}

#footer p{
color:white;
}


#footer a{
color:white;
text-decoration: none;
}
#footer a:hover{
color:white;
text-decoration: underline;
}

ul{
list-style-type: none ;
margin-left:15px;
}


p{
margin:5px;
color: #333333;

}

p.spip{
margin:5px;
color: #333333;
/*text-align: justify; ca va pas trop la*/
}

p.pagination {
color:#808080;
}

p.right {
color:#808080;
}

p.indentation{
text-indent: 1.5em;
}

img{
border:none;
}

a, img{
border:none;
}

/* Formulaire de recherche */
.formulaire_recherche {
width: 110px;
text-align: left; 
color:#333333;
margin-left: 2px;
}

 /* Formulaire de login intrant */
#login .forml {
width: 110px; 
}

/* Formulaire SPIP */
.formulaire_spip .forml {
 width: 99%; 
 font-family: inherit; 
 font-size: inherit; 
 color:#OOO; 
 }
 

/* formulaire bordure*/
.forml{
width: 110px; 	
}

 
img{
border:none;
}

a, img{
border:none;
}
a{
color: #356AA0;
text-decoration: none;
}
a:hover{
color: #356AA0;
text-decoration: underline;
}

h1, h2, h3, h3.spip{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
margin:5px;
}

h1 a{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
margin:5px;	
}

h1 a:hover{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
}

h3 a{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
}

h3 a:hover{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
}

h3.spip a{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
}

h3.spip a:hover{
color: #356AA0;
text-transform: uppercase;
font-size:110%;
}


.right{
text-align: right;
color:#808080;
}
.rubrique{
margin-left:0px;
margin-right:0px;
margin-bottom: 20px;
margin-top: 20px;
border-left: 0px solid #B3B3B3;
border-bottom: 1px solid #B3B3B3;
}
.rubrique h1{
border: 0px solid #A1A1A1;
}

/*petit bloc à gauche*/
#curlycontainer{
border: 1px solid #B3B3B3;
margin-bottom: 10px;
margin-top:10px;
margin-left:5px;
width: 115px;
clear:both;
}


#curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#curlycontainer ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;
}

#curlycontainer ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;
}

#curlycontainer a{
padding: 0px;
padding: 0px
text-decoration: none;
}


/*idem pour les mots bloc curlycornermot*/
/*petit bloc à gauche*/
#curlycontainermot{
border: 1px solid #B3B3B3;
margin-bottom: 10px;
margin-top:10px;
margin-left:5px;
width: 115px;
}

#curlycontainermot .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#curlycontainermot ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;

}

#curlycontainermot ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;
}


#curlycontainermot a{
padding: 0px;
padding: 0px
text-decoration: none;
padding-bottom: 2px;
margin-bottom: 2px;
}

#motcle{
margin-left:15px;
}

.spip_surligne {
background: #FFED7F;
}

a.spip_in {
}

a.spip_in:hover {
}

a.spip_out {
}

a.spip_out:hover{
}

/*pour les articles rubriques*/
#curlycontainerrub{
border: 1px solid #B3B3B3;
margin-bottom: 10px;
margin-top:10px;
margin-left:5px;
width: 155px;
clear:both;
}


#curlycontainerrub .innerdivrub{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

#curlycontainerrub ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;
}

#curlycontainerrub ul li{
margin-left: 2px;
padding: 0px;
padding: 0px;
list-style-type:square;
list-style-image: none;
color: #B3B3B3;
}

#curlycontainerrub a{
padding: 0px;
padding: 0px
text-decoration: none;
}