/*----------------------------- GENERAL -----------------------------*/

* {
padding:0;
margin:0;
}

p{
margin-top:10px;
margin-bottom:10px;
}

body {
background:#FFFFFF url(../images/body.jpg) repeat-y scroll center top;
color:#000;
font:12px Arial, Helvetica, sans-serif;
background-color:#6f6f6f;
}

a img { 
border:none;
}

a 	{
text-decoration:none;
color: black;
}

a:hover {
text-decoration:underline;
}

.break{
visibility: hidden;
display: block;
clear: both;
height:0px;
}


#content {
width:980px;
margin:auto;
padding:0px;
/*height:800px;*/
background-color:white;
margin-top:6px;
margin-bottom:6px;

}

#imageHaut{
width:980px;
height:240px;
overflow:hidden;
}

#barreNav{
background:url(../images/bg_nav.png) repeat-x left top;
height:40px;
padding-bottom:30px;
}

#logo{
float:left;
margin-left:20px;
}

#logoTexte{
float:right;
margin-top:6px;
margin-right:20px;
color:white;
font-size:24px;
}


#creerBlog{
background:url(../images/bloc_gris.png) no-repeat 15px top;
height:228px;
width:458px;
float:left;
padding-left:15px;
}


#creerBlogTitre{
margin-left:20px;
margin-top:25px;
display:block
}

#creerBlogChamps{
margin-left:20px;
margin-top:10px;
margin-bottom:30px;
display:block;
color:black;
font-size:30px
}

#creerBlogBt{
margin-left:20px;
display:block
}



#accederBlog{
background:url(../images/bloc_gris.png) no-repeat 34px top;
height:228px;
width:458px;
float:left;
padding-left:34px;
}


#accederBlogTitre{
margin-left:20px;
margin-top:25px;
display:block
}

#accederBlogChamps{
margin-left:20px;
margin-top:10px;
margin-bottom:30px;
display:block;
color:black;
font-size:18px;
width:400px;
}

#accederBlogChamps label{
width:160px;
display:block;
float:left;
}

#accederBlogBlogBt{
margin-left:20px;
display:block
}

#contentTexte {
padding:15px;
/*background-color:#f2f2f2;
margin-top:40px;
*/
}



.post{
display:block;
padding-top:20px;
}

.postImage{
width:270px;
display:block;
overflow:hidden;
float:left;	
}


.postTexte{
width:680px;
display:block;
overflow:hidden;
float:left;
}


.postTexteTitre{
font-size:20px;
color:black;
display:block;
}


.postTexteDate{
font-style:italic;
font-size:10px;
display:block
}

.postTexteTexte{
padding-top:10px;
font-size:10px;
font-size:14px;
}



#footer{
background-color:#222227;
height:80px;
color:white;
font-size:15px;
padding:10px;
margin-top:30px;
}


.postGrand{
height:462px;
width:292px;
display:block;
overflow:hidden;
float:left;
padding:20px;
background:url(../images/fd_grand.gif) no-repeat 0px top;
}

.postGrand h2{
text-transform:uppercase;
color:black;
font-size:12px;
padding:3px 0px 3px 0px;
}


.postGrand h3{
font-size:18px;
font-weight:bold;
padding:5px 0px 5px 0px;
}

.postGrandImage{
height:180px;
width:300px;
display:block;
overflow:hidden;
}

.postGrandTexte{
font-size:12px;
color:black;	
}

.blocPostPetit{
width:550px;
height:506px;
display:block;
overflow:hidden;
float:left;
padding-left:65px;

}


.postPetit{
height:238px;
width:153px;
display:block;
overflow:hidden;
float:left;
background:url(../images/fd_petit.gif) no-repeat left top;
padding:5px 25px 10px 5px;
}

.postPetit h2{
text-transform:uppercase;
color:black;
font-size:12px;
padding:3px 0px 3px 0px;
}
.postPetit h3{
font-size:16px;
font-weight:bold;
padding:5px 0px 5px 0px;
}

.mu_register{
padding:10px;   
}

.mu_register h2{
margin-bottom:20px;
}

.mu_register label{
display:block;    
font-weight:bold;
font-size:16px;
padding-top:10px;
width:200px;
height:20px;
float:left;
}

.mu_register input{
width:200px;
height:20px;
float:left;
margin-top:10px;
}

.mu_register .checkbox{
display:inline;    
}

.error{
color:red;
display:block;
font-weight:bold;
float:left;
padding:5px;
}


.mu_register .suffix_address{
display:block;
font-weight:bold;
float:left;
padding-top:15px;
padding-left:5px;
}