* {
	margin:0;
	padding:0
}
body {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#05AAE4;
	text-decoration: none
}
a:hover, a:focus {
	color:#05AAE4;
	text-decoration: underline
}

.clear {
    clear:both;
}

#main h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:22pt;
    display:block;
    width:850px;
    color:#05AAE4;
    border-bottom:1px solid #05AAE4;
    padding-bottom:2px;
    margin-bottom:20px;
    padding-left:0px;
}
#main h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:11pt;
	color: #05AAE4;
	font-size:2.2em;
	margin: 20px 0 10px 0
}
/*
h2 {
	margin-top:20px;
	font-size:1.1em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
}
*/
/* GLOBAL */
#global {
	width:100%;
	background-image:url(../img/photos.jpg);
	background-position:top center;
	background-repeat:no-repeat
}
/* MENU */
#menu {
	width: 1000px;
	height:424px;
	background-image: url(../img/menu_bgd.png);
	background-repeat: no-repeat;
	background-position: 25px top;
	margin-left:auto;
	margin-right:auto;
	border:0px solid green;
	padding-left: 50px;
}
/* CENTRAL */
#main {
	background-image:url(../img/main.png);
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:5px 50px 25px 50px;
	color:#606060;
	font-size:0.8em;
	min-height:450px
}
#main p{
	margin-bottom:20px
}
#main a {
	color:#05AAE4;
	text-decoration: none
}
#main a:hover, a:focus {
	color:#05AAE4;
	text-decoration: underline
}
#main label {
	width:150px;
	display : inline;
	float:left;
	color:#606060;
	margin:5px 0 0 0;
}
#main label.on {
	color: #14AEE5;
	font-weight:bold
}
#main input, textarea, select {
	width:350px;
	border: 1px solid #959595;
	margin:5px 0 0 0px
}
#main input.btn {
	width:60px;
	border: 1px solid #959595;
	background-color:white;
	margin:15px 0 0 265px
}
#main input.on, textarea.on {
	border: 1px solid #14AEE5;
}
#main input.formReadOnly {
	border: none;
	color: #959595;
	background-color:#F6F6F6;
	font-size:1em;
	font-weight:bold;
}
#main input.radio {
	margin-left:10px;
	margin-right:15px;
	padding:0;
	border :0px solid red;
	width:20px
}
#main input.file {
	margin:5px 0 0 0px;
	border: 1px solid #959595;
	width:180px
}

#main ul {
	padding-bottom:10px;
	list-style:none; /*url(../img/puce1.jpg);*/	
	padding-left :20px;
	overflow: auto;
	}
	
#main li {
	padding-bottom:5px;
	padding-top:5px;
	padding-left: 18px;
	background-image:url(../img/puce3.jpg);
	background-position:5px 12px;
	background-repeat:no-repeat;
	}
#main li.recette {
	padding-bottom:5px;
	padding-top:5px;
	padding-left: 15px;
	margin-left:-20px;
	background-image:url(../img/puce4.jpg);
	background-position:0px 10px;
	background-repeat:no-repeat;
	}

#err {color: #FF0000; font-style:italic;  border: 1px dotted #FF0000; background-color:#FFECEC; width:50%; padding:15px}

/* HEADER */
#head {
	background-image:url(../img/head_bgd.jpg);
	width:100%;
	height:35px;
}
#head .content {
	background-image:url(../img/head2.jpg);
	width:1000px;
	height:22px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	text-align: right;
	color:#ffffff;
	font-size:0.7em;
	padding-right:55px;
	padding-top:13px;
}
#head a {
	color:#ffffff;
	text-decoration: none
}
#head a:hover, a:focus {
	color:#ffffff;
	text-decoration: underline
}

/* FOOTER */
#foo {
	background-image:url(../img/head_bgd.jpg);
	width:100%;
	height:90px;
}
#foo .content {
	background-image:url(../img/foo2.jpg);
	width:1000px;
	height:85px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	font-size:0.7em;
	padding-top:5px;
}


#foo .site{
    display:  block;
    float:left;
    font-weight:bold;
    font-size:10pt;
    margin-top:35px;
    width:120px;
}

#fooText {
	width:220px;
	font-size:1em;
	text-align: left;
	float:left;
	margin-top:20px;
	margin-left:50px;
	border:0px solid yellow;
}
#foo a {
	color:#ffffff
}
#foo a:hover, a:focus {
	text-decoration: underline
}

#picto {
	float: left;
	width:250px;
	margin-top:11px;
	border:0px solid green;
	text-align: right;
}
.pictoFoo {
	width:45px;
	height:45px;
}
#picto1 {
	background-image:url(../img/pictoparc1.png);
}
#picto2 {
	background-image:url(../img/pictoparc2.png);
}
#picto3 {
	background-image:url(../img/pictoparc3.png);
}
#picto4 {
	background-image:url(../img/pictoparc4.png);
}
#picto5 {
	background-image:url(../img/pictoparc5.png);
}
#pictoTips{
    width:200px;
    height:20px
}

/* ZONE DROITE	 */
/* Global */
#right {width: 338px;padding:0; margin:0; float: right; margin-right: -10px; margin-left: 5px; margin-top: 10px; color: #606060; border : 0px solid orange;}
#right .r_contenu {background-image: url(../img/r_main.jpg); background-repeat: repeat-y; width: 338px; font-size: 0.9em; text-align: left; padding:0; margin:0;padding-right:15px;}
#right .r_contenu p {padding:0 35px 0 15px; margin : 0} 
#right .r_contenu  a {color: #05AAE4;text-decoration : none;border:0px red solid }  
#right .r_contenu  a:hover {text-decoration : underline} 

#right .r_foo {background-image: url(../img/r_foo.jpg); background-repeat: no-repeat;padding:0; ; margin:0;height:27px;padding-top:0px; margin-top:0}
#right .btn_right {margin:0;padding:0;height:21px; width:126px; margin-left:95px}		

/* Actualité */
#right .actuHead {background-image: url(../img/r_actuhead.jpg); background-repeat: no-repeat;padding:0; margin:0; height: 80px; width: 338px; margin: 0}
.cal_titre_right {font-size: 1em; font-weight: normal; margin: 0;margin-bottom: 5px;  width: 280px; padding-left: 25px; background: url(../img/puce2.jpg) 17px 4px; background-repeat: no-repeat}
.cal_date_right {font-size: 1em; font-weight: bold; margin: 0 0 0 15px;width:280px;border: 0px red solid;padding-top:10px}
/* Animation */
#right .animHead {background-image: url(../img/r_cuihead.jpg); background-repeat: no-repeat;padding:0; margin:0;  height: 80px; width: 338px;  margin:0}
/* CALENDRIER CUISINE */
#right .cuiHead {background-image: url(../img/r_cuihead.jpg); background-repeat: no-repeat;padding:0; margin:0;  height: 80px; width: 338px;  margin:0}



/* METEO */
#meteo {
	margin-left: 50px;
	margin-top: -8px;
}
#meteo .forecast {
	float: left;
	padding:10px;
	text-align: center;
}
#meteo p {
	font-size: 8pt;
	padding: 0;
	margin: 0;
}
#meteo img {
	margin: 3px;
}
/* Table */
.ligne {padding:10px; border-bottom:1px dotted #05aae4}
#main table {
	color :#606060;
	font-size : 0.9em;
}

/* Tableau quadrillé en blanc */
.tab1 {color:#606060; font-size:1em; width: 800px; ; border-top:0px solid #05aae4; border-left:1px solid #05aae4}
.tab1_champs{padding:5px; border-bottom:1px solid #05aae4; border-right:1px solid #05aae4} 


/* ILLUSTRATION */
#imgD {border:0px white solid; float : left; margin-right : 25px}
.img_gauche {border:0px white solid; float : left; margin-right : 25px;margin-bottom : 25px}


.tableau1  {border:1px solid #fffff}

.titre1 {margin-left:-15px; margin-top:20px}

/* MAPSITE */
#map {float: left; border: 1px solid #616161; width: 250px; margin-right: 25px; margin-bottom: 25px; padding: 5px; background-color: #EAEAEA}
#map a{color:#616161 }
#map a:hover, a:focus {color:#7c0115; text-decoration: underline}
#map .mapt {font-weight: bold; font-size: 1em; color:#616161;}
#map .mapl {font-weight: normal; font-size: 1em; background: url(../img/puce3.jpg) 5px; background-repeat: no-repeat; padding-left: 15px}
