/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #009ee0;
	background-color: #e9f7fa;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

a{
	color:#009ee0;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


dl, dt, dd, ul, li {
	list-style-type: none;
	list-style: none;
}

img, img a{
	border:none;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.call {
	clear:both;
}

#site {
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width : 782px;
	/*_background:url(../images/fond.gif) 0 100px no-repeat;*/


}

.txtbleu{
	color:#00396e;
}

.txtbleuciel{
	color:#009ee0;
}
.txt11{
	font-size:11px;
}
	
	

.txtblanc{
	color:#ffffff;
}
.txtrouge{
	color:#e2001a;
}
.txtorange{
	color:#e75112;
}
.txtjaune{
	color:#ffde12;
}
.txtgris{
	color:#333333;
}
.txtvertF{
	color:#015e26;
}
.txtvertM{
	color:#009032;
}
.txtvertC{
	color:#f3e400;
}
.txtmarronF{
	color:#804a07;
}
.txtmarronC{
	color:#c98026;
}
.txtProteines{
	color:#b41621;
}
.txtGlucides{
	color:#e2007a;
}
.txtLipides{
	color:#f29400;
}
.txtAlcool{
	color:#006ab3;
}


/******************* Page Question ******************/
.accordionTabTitle{
	margin-bottom:5px;
	margin-top:2px;
}

.accordionTabTitle a, .accordionTabTitle a:hover{
	text-decoration:none;
}

#accordionExample {

	height:420px;
}


/********** Page En savoir+  partie gauche **********/
#accordionExample1{
	float:left;
	width:329px;
	

}
.accordionTabTitle1{
	margin-bottom:5px;
	margin-top:2px;
}

.accordionTabTitle1 a, .accordionTabTitle1 a:hover{
	text-decoration:none;
}



/********** Page En savoir+  partie droite **********/
#accordionExample2{
	float:left;
	width:326px;
	margin-left:5px;

}
.accordionTabTitle2{
	margin-bottom:5px;
	margin-top:2px;
}

.accordionTabTitle2 a, .accordionTabTitle2 a:hover{
	text-decoration:none;
}





/***********************************/
/********** HOME ******/
/***********************************/


#home{
	float:left;
	width: 782px;
	height:550px;
	background:url(../images/home/fond.jpg) 0 0 no-repeat;
	background-color: #FFFFFF;
}

.logo_home{
float:right;
margin-bottom:30px;
	width: 104px;
	height:81px;
	background:url(../images/home/fond_logo_selection.gif) 0 0 no-repeat;
}


#navHome{
	float:right;
	margin-top:15px;
	width:300px;
}
/***********************************/
/********** GABARIT ******/
/***********************************/



/*********** Général / Haut **********/
#logo {
	float:left;
	width: 184px;
	height:101px;;
}

#nav_haut {
	float:left;
	width: 598px;
	height:101px;
	padding:0 0 0 0;
	background:url(../images/nav/nav_haut2.jpg) 0 1px no-repeat;
}

#nav_haut #surnav {
	height:62px;
	padding:0 0 0 0;
}

.retour{
	width: 40px;
	height: 17px;
	/*background:url(../images/bout_retour.gif) 0 0 no-repeat;*/
	color:#FF8300;
	padding:1px 0 0 10px;
}

#nav_haut #nav{
	width: 552px;
	height:39px;
	padding:0 0 0 0;
}

#content {
	float:left;
	width: 782px;
	height:100%;
	background:url(../images/fond.gif) 0 0 no-repeat;
	background-color: #FFFFFF;
}


/********* Contenu à gauche **********/
#content .gauche{
	float:left;
	width: 123px;
	height:550px;
}

#content .gauche td{
	line-height:12px;
}

#content .gauche a:hover{
	text-decoration:none;
	color:#009ee0;
}

#content .gauche td a, #content .gauche td a:hover{
	color:#ee8200;
	font-weight:bold;
}


/********** Contenu au centre **********/
#content .centre{
	float:left;
	width: 590px;
	padding-top:25px;
}

#content .centre2{
	float:left;
	width: 700px;
	padding:25px 0 0 0;
}
/*
#content .centre3{
	float:left;
	width: 772px;
	padding:15px 0 0 10px;
}
*/
#content .centre .cadre{
	float:left;
	width: 148px;
	height:217px;
	margin-top:50px;
	background:url(../images/nutripass/cadre.gif) 0 0 no-repeat;
}

#content .centre .cadre p{
	width:130px;
	font-size: 11px;
	color:#00396e;
	text-align:left;
	font-weight:bold;
	padding: 10px 0px 0 10px;
	line-height:13px;
}

#content .centre h3{
	width:480px;
	font-size: 13px;
	color:#000000;
}

#content .centre p{
	width:430px;
	font-size: 11px;
	color:#00396e;
	text-align:left;
	font-weight:bold;
	padding: 8px 0 0 5px;
}

#content .centre td{
	font-weight:bold;
}


.savoir{
	float:left;
	width:712px;
	height:156px;
	background:url(../images/savoir/fd_sav3.gif) 15px 0 no-repeat;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 70px;
	margin:0 0 30px 0;

}

#savoirG {
	float:left;
	width:215px;
	margin: 30px 0 0 0px;
}

#savoirG img{
	margin: 5px 0 8px 84px;
}

#savoirG a img{
	margin: 8px 0 0 17px;
}



#savoirD {
	float:left;
	width:365px;
	margin: 30px 0 0 60px;	
}

#savoirD img{
	margin: 5px 0 8px 160px;
}

#savoirD a img{
	margin: 8px 0 0 95px;
}

/********** Contenu à droite **********/
#content .droite{
	float:right;
	width: 67px;
	padding-top:25px;
}




.gros {
	font-size: 18px;
	font-weight:normal;
}

.petit{
	font-size: 10px;
	font-weight:normal;
	line-height:10px;
}

.moyen{

	font-size: 10px;
	font-weight:normal;
}

/***********************************/
/********** PIEDS ******/
/***********************************/

#pied{
	clear: both;
	width:782px;
	height:20px;
	padding:3px 0 2px 0;
	text-align : justify;
	font-size:10px;
	
}
#pied h5{
	text-align:center;
	color: #00396e;
}
#pied h5 a{
	font-weight:strong;
	font-size:11px;
	color: #00396e;
}
#pied p{
	font-size:10px;
	color:#009ee0;
}
#pied p a{
	font-weight:normal;
	color:#009ee0;
	text-decoration:underline;
}