/*****************************************************/
/********** OS communications informatiques **********/
/**********        	  INFO@OS.CA  		   			       **********/
/**********   Feuille de style en cascade 		  **********/
/*****************************************************/

body#main {
margin: 0;
padding: 0;
background-image: url(_img/bgBody.png);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #fff;
}

/*****************************************************/
/*****	       STRUCTURE - Mise en page		              *****/
/*****************************************************/

div#body {
}

div#body div#header {
}

div#body body#main div#content {
}

div#body div#footer {
}

div#container {
width: 960px;
margin: 0 auto;
padding: 0;
}

div#header {
margin: 0;
padding: 0;
height: 449px;
}

div#sidebar {
float: right;
width: 240px;
margin: 0;
padding: 56px 110px 0 0 ;
}

div#sidebar img {
margin: 0 0 14px 0;
padding: 0;
border: 0;
}

div#sidebar a.drapeau {
display: block;
width: 240px;
height: 70px;
margin-bottom: 14px;
background-image: url(_img/porteDrapeau.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div#sidebar a.drapeau:hover {
background-position: 0 -70px;
}

div#sidebar a.blogue {
display: block;
width: 240px;
height: 67px;
margin-bottom: 14px;
background-image: url(_img/imgBlogue.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div#sidebar a.blogue:hover {
background-position: 0 -67px;
}

div#sidebar a.recettes {
display: block;
width: 240px;
height: 71px;
margin-bottom: 14px;
background-image: url(_img/imgRecettes.gif);
background-position: 0 0;
background-repeat: no-repeat;
}

div#sidebar a.recettes:hover {
background-position: 0 -71px;
}

div#sidebar img:hover {
-moz-opacity:.85;
filter:alpha(opacity=85);
opacity:.85;
} 

body#main div#content {
margin: 0 350px 0 0;
padding: 32px 0 0 170px;
width: 380px;
}

div#conteneurSubmit {
/*background-image: url(_img/bgContent.gif);
background-position: -135px 0;
background-repeat: no-repeat;*/
height: 93px;
margin: 0;
padding: 0;
width: 660px;
}

div#footer {
clear: both;
margin: 40px 0 0 170px;
padding: 12px 0 0 115px;
background-image: url(_img/bgFooter.gif);
background-position: 0 0;
background-repeat: no-repeat;
height: 63px;
}

div#reglements {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 24px;
color: #333;
}

/******************************************************/
/*****	                   Elements NAVIGATIONS               *****/
/*****************************************************/

#mainNav {
}

#secNav {
}

/*****************************************************/
/*****	                   Elements TEXTE			                  *****/
/*****************************************************/

div.conteneurRecette p.lienTop {
 text-align: right;
}

p.erreur {
 font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 24px;
color: #900;
}

p.confirme {
 font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 24px;
color: #8BBC28;
}

/*****************************************************/
/*****	                    Elements LIST			                      *****/
/*****************************************************/

div#footer ul {
margin: 0;
padding: 0;
}

div#footer ul li {
margin: 0 3px;
padding: 0;
list-style-type: none;
display: inline;
}

div#footer ul li a {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
line-height: 24px;
color: #b1b1b1;
text-decoration: none;
font-weight: normal;
}

div#footer ul li a:hover {
color: #666666;
}


/*****************************************************/
/*****	                    Elements LIENS		            	     *****/
/*****************************************************/



/*****************************************************/
/*****	                  Elements FORMS			                 *****/
/*****************************************************/

form label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5c5d5e;
line-height: 24px;
}

form input {
border: 1px solid #c1c1c1;
width: 100%;
margin: 0 0 10px 0;
padding: 3px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 24px;
color: #212121;
height: 20px;
}

form input.submit {
width: 135px;
height: 40px;
border: 0;
margin: 10px 0 0 115px;
padding: 0;
}

/*****************************************************/
/*****	           Elements TABLES			     *****/
/*****************************************************/



/*****************************************************/
/*****	                Elements STYLES		            	     *****/
/*****************************************************/

.left {
float: left;
}

.right {
float: right;
}

* {
outline: none;
}

div.conteneurRecette {
border-bottom: 1px dashed #ccc;
padding-top: 25px;
}

div.conteneurRecette img {
float: left;
margin-left: -32px;
}

div.conteneurRecette p.lienTop img.top {
margin: 0;
padding: 0;
}



div.conteneurRecette h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 18px;
color: #8bbe34;
font-weight: normal;
margin: 0;
padding: 0;
}

div.conteneurRecette p, div.conteneurRecette ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #5c5d5e;
font-weight: normal;
margin: 0;
padding: 0;
}

div.conteneurRecette p {
margin: 0 0 20px 0;
}

div.conteneurRecette ul li {
list-style-type: none;
line-height: 15px;
margin: 5px 0;
}

/*****************************************************/