body, p, div, span, ul, li, h1, h2, h3, h4, h5, dl, dt, dd, form {margin:0;padding:0;}

a {outline: none;}

img {border:0 ;}

html {
	background: #211b1b /* url(img/fond.jpg) top center*/ ;
	margin: 0 ; 
	padding: 0; 
	border: 0;
}

body{
	/* margin: 0 auto ;  */
	padding: 0; 
	border: 0;
	/* text-align: center; */
	
	font-family: arial, sans-serif, helvetica,  verdana, lucida;
	font-size: 12px ;      
	color: #818181 ; 
	height:100%; /* permet d'avoir toujours la barre de défilement (et donc d'éviter son apparition/disparition ce qui cause des décallages (dans IE) */
	
	}


.clear_float
{
	clear:both;
	margin:0;
	padding:0;
	font-size: 1px;
	line-height:0;
}
.texte_centre {
	text-align: center !important;	
}
.texte_gauche {
	text-align: left !important;	
}

#page {
	width: 960px;
	margin: 0 auto ;
	clear:both;
	text-align: justify ;
	/*background: #372b25 ;*/
	
}

#header {
 clear: both ;
 width: 960px ;
 height: 181px;
 background: url(img/magali_nieto.jpg) top left no-repeat;
}

#header .logo {
	display: block;
	float: left;
	width: 450px;
	height: 70px;
	margin: 50px 0 0 50px;
	/* background: #faa; */
}

#header .logo:hover {
background: url(img/magali_nieto_hover.gif) top left no-repeat;
}



#header  span {
	display: none ;
}


#pied {
	clear: both ;
	width: 600px;
	height: 30px;
	background: #fff;
	margin: 20px 0 ;
	padding: 20px 20px 0 20px;
	font-size: 12px;
	color: #9e625c;
}

#footer {
	clear: both;
	padding: 10px 0 ;
	color: #444;
	margin: 0 ;
	text-align: center ;
	font-size: 9px;
}
#footer a {
	color: #333;
	text-decoration: none ;
}

/* ------------------nav secondaire (tout en haut à droite)------------------ */
.nav_secondaire ul {
	float: right;
	margin: 20px 20px 0 0 ;
	list-style-type:none;
}

.nav_secondaire li {
	float: left;
	margin: 0 0 0 5px;
	}
.nav_secondaire li a {
	font-size: 11px;
	text-decoration: none ;
	color: #f9f3e6;
}
.nav_secondaire li a:hover {
	text-decoration: underline ;
}


/* -------------------------------------- MENU ---------------------------------------- */
#menu {
	float: left;
	width: 960px ;
	display: inline; /* double margin bug iexplore */
	background: #372b25 ;
}

#menu ul {
	float: left;
	list-style-type:none;
	font-size: 1px ;      
	font-weight: bold ;
	margin-bottom: 1px ;
	
	width: 960px;
}

#menu a span { /* permet de cacher le texte aux navigateurs qui comprennent le css... 
	                on ne peut pas utiliser de display:none sur le "A" sinon pas d'affichage du background */
	display: none ; 
	}


#menu ul li {
float: left;
height : 100px;
margin-top: 0px; 
}

#menu ul li a {
display: block ;
width: 171px ;
height: 60px ;
/* padding-left: 50px ; */
 /* margin-top: -1px;*/  /* recouvrement de bordure */
text-decoration: none ;
font-size: 11px;
color: #9e625c;
padding: 35px 10px 5px 10px;
}

#menu_approche    { background: url(img/menu_approche.gif) 0 -100px no-repeat; margin-right:1px;}
#menu_approche a  { background: url(img/menu_approche.gif) top left no-repeat; } 

#menu_tca    { background: url(img/menu_comportement.gif) 0 -100px no-repeat; margin-right:1px;}
#menu_tca a  { background: url(img/menu_comportement.gif) top left no-repeat; } 

#menu_qui    { background: url(img/menu_qui.gif) 0 -100px no-repeat; margin-right:1px;}
#menu_qui a  { background: url(img/menu_qui.gif) top left no-repeat; } 

#menu_contact    { background: url(img/menu_contact.gif) 0 -100px no-repeat; margin-right:1px;}
#menu_contact a  { background: url(img/menu_contact.gif) top left no-repeat; } 

#menu_liens    { background: url(img/menu_liens.gif) 0 -100px no-repeat; }
#menu_liens a  { background: url(img/menu_liens.gif) top left no-repeat; } 


#menu a:hover, #menu a.selected {
	background-image: none; 
	/*color: #c97e77;	*/
}



/* -------------------------------------- Corps principal ---------------------------------------- */
#corps {
	background: #f9f3e6 url(img/ombre_sous_nav.gif) top left no-repeat;
	margin: 0 ;
}
.correc_bug_ie6 {
	font-size: 1px ;
}


#content {
float: left; 
margin: 20px 0 0 0;
padding: 0 20px 0 20px ;
width: 599px;
border-right: 1px solid #3c0302;
color: #322a1d ;
/* background: #aaa; */
}

#content h3 {
	font-size: 30px;
	color: #322a1d;
	font-weight: normal ;
	margin: 0 0 20px 0 ;
}


#content h4 {
	font-size: 16px;
	color: #9e625c ;
	font-family : Lucida, Arial, Helvetica, Sans-serif ;
}

#content h5 {
	font-size: 15px;
	color: #9e625c ;
	font-family : Lucida, Arial, Helvetica, Sans-serif ;
}


.en_avant_ul {
	background: #fff;
	color: #4a382a;
	font-size: 16px;
	list-style-type: none;
	padding: 20px;
	margin: 20px 0 ;
	font-family : Lucida, Arial, Helvetica, Sans-serif ;
	line-height: 30px;
}

.en_avant_ul li {
	margin-left: 0px ;
}

#content ul {
	margin-left: 20px ;
}

#content h4 {
	font-size: 16px;
	color: #9e625c ;
	font-family : Lucida, Arial, Helvetica, Sans-serif ;
}

#content a {
	color: #9e625c ;
}

blockquote {
margin: 15px 15px 0 15px;
padding-right: 30px;
background: url(img/close-quote.gif) no-repeat bottom right;
}

blockquote p {
background: url(img/open-quote.gif) no-repeat top left;
padding-left: 35px;
font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
}




/* BARRE LATERALE */
#sidebar {
float: left;
margin: 20px 0 0 0 ;
padding: 0 20px 0 20px;
width: 280px;
/* background: #00f; */
}

.texte_side {
	/* text-align: center;  */
}

.texte_side h3 {
	color: #3c0302;
}

/* CONTENU DIVERS */


#EmailForm fieldset {
border: none;
}

#EmailForm label {
display: block;
clear: both;
margin: 0 0 20px 0 ;
}

#EmailForm .text {
clear: both;
width: 400px;
}

#cfMessage {
width: 400px;
height: 300px;
}

#EmailForm .button {
	margin: 0 auto; 
}