/*
 * Base             100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   
 * 13px              82%  
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 */
body { 
	font-family: Arial;
	font: normal 100% arial, sans;
	margin: 0px;
	padding: 0px;
	background:url(../medias/espace-pro/fond.gif) repeat-y center;
}
#bandeau-pro{
	width:960px;
	margin-left:20px;
	height:133px;
	background:url(../medias/espace-pro/bandeau.jpg) no-repeat;
	position:absolute;	
}
#visitez-site{
	width:125px;
	height:18px;
	float:right;
	margin-top:95px;
}
#fond-degrade-pro{
	background:url(../medias/espace-pro/fond-degrade.jpg) no-repeat center top;
	height:593px;
}

/*---------------------- MENU -------------------------------- */
.menu-pro{
	width:980px;
	height:31px;
	position:absolute;
	background:url(../medias/espace-pro/fond-menu.jpg) no-repeat;
	top:133px;
	margin-left:20px;
}
.menu-pro li{
	list-style-type:none;
	float:left;
}
.menu-pro li a{
	height:31px;
	display:block;
}
.menu-pro li a:hover, .menu-pro li a.active{
	height:31px;
	background-position:0 31px;
}

#menu-agriculteurs-fromagers{
	width:203px;
	background-image:url(../medias/espace-pro/menu/agriculteurs-fromagers.jpg);
	margin-left:21px;
}
#menu-cremiers{
	width:94px;
	background-image:url(../medias/espace-pro/menu/cremiers.jpg);
}
#menu-distributeurs{
	width:129px;
	background-image:url(../medias/espace-pro/menu/distributeurs.jpg);
}
#menu-restaurateurs{
	width:133px;
	background-image:url(../medias/espace-pro/menu/restaurateurs.jpg);
}
#menu-enseignants{
	width:122px;
	background-image:url(../medias/espace-pro/menu/enseignants.jpg);
}
#menu-journalistes{
	width:117px;
	background-image:url(../medias/espace-pro/menu/journalistes.jpg);
}
#menu-phototeque{
	width:124px;
	background-image:url(../medias/espace-pro/menu/phototeque.jpg);
}

/*---------------------- home -------------------------------- */
#texte-home{
	width:575px;
	float:left;
	background:url(../medias/espace-pro/traits-verticaux.gif) repeat-y;
	margin-top:10px;
}
#texte-home-bloc{
	width:290px;
	float:left;
	font-size:71%;
	color:#696868;
}
#texte-home h1{
	color:#75533e;
	font-weight:bold;
	font-size:15px;
	padding-bottom:15px;
}
#modules-home{
	float:left;
	width:242px;
	margin-left:30px;
	font-size:71%;
	color:#696868;
}
#modules-home h2{
	margin-bottom:5px;
}


/*---------------------- BOUTONS -------------------------------- */
#btn-creation-compte{
	width:171px;
	height:48px;
	float:right;
	display:block;
	background:url(../medias/espace-pro/boutons/creation-compte.jpg);
	margin-bottom:10px;
	border:none;
}
#btn-creation-compte:hover{
	width:171px;
	background-position:0 48px;
}
#btn-contactez-nous{
	width:134px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/espace-pro/boutons/contactez-nous.jpg);
	border:none;
}
#btn-contactez-nous:hover{
	width:134px;
	background-position:0 26px;
}
#btn-connexion{
	width:103px;
	height:26px;
	float:right;
	display:block;
	background:url(../medias/espace-pro/boutons/connexion.jpg);
	border:none;
	margin:2px 0 4px 0;
}
#btn-connexion:hover{
	width:103px;
	background-position:0 26px;
}
#btn-haut-page-2{
	width:111px;
	height:20px;
	float:right;
	display:block;
	background:url(../medias/espace-pro/boutons/haut-page.jpg);
	margin-bottom:5px;
}
#btn-haut-page-2:hover{
	width:111px;
	background-position:0 20px;
}


/*---------------------- IDENTIFICATION -------------------------------- */
#menu-identification{
	width:180px;
	padding:35px 0 0 20px;
	clear:both;
}
#menu-identification p{
	color:#825d47;
	font-size:82%;
	font-weight:bold;
}
#form-identification{
	width:290px;
	float:left;
	margin-top:10px;
}
#form-identification label{
	color:#75533e;
	font-weight:bold;
	float:left;
	width:90px;
	padding-top:2px;
}
#form-identification .champs-texte{
	border:none;
	background:url(../medias/espace-pro/champs-texte.gif) no-repeat;
	width:191px;
	height:17px;
	color:#696868;
	padding:2px;
}
/* hack ie7 */
*+html #form-identification .champs-texte{
	border:dashed 1px #bebab6;
	background:#ffffff;
}
/* hack ie6 */
* html #form-identification .champs-texte{
	border:dashed 1px #bebab6;
	background:#ffffff;
}
	
#form-identification a{
	text-decoration:underline;
	color:#d28054;
	font-size:100%;
	float:right;
}
#form-identification a:hover{
	color:#9c480d;
}

/*---------------------- ARTICLE -------------------------------- */
#compte-id{
	float:right;
	margin:20px 20px 0 0;
}
#avatar-id{
	float:right;
	padding:0 0 0 7px;
	width:21px;
}
#texte-id{
	float:right;
	font-weight:bold;
	font-size:71%;
	color:#653912;
}
#texte-id #bienvenue{
}
#texte-id a{
	text-decoration:underline;
	color:#d28054;
	font-size:77%;
	padding-left:108px;
}
#texte-id a:hover{
	color:#9c480d;
}
#zone-texte h2{
	margin-bottom:5px;
}
#zone-texte .separation{
	background:url(../medias/trait-horizontal.gif) repeat-x;
	width:550px;
	clear:both;
	margin:10px 0 18px 0;
}

/*---------------------------------- PHOTOTEQUE ---------------------- */
.download-bloc-2{
	float:left;
	margin:3px 0 0 5px;
}

.titre{
	clear:both;
	color:#75533e;
	font-weight:bold;
}
.description{
	clear:both;
	margin-bottom:3px;
}


/*---------------------------------- CREATION COMPTE ---------------------- */

#form-creation-compte{
	width:380px;
	float:left;
	margin-top:10px;
}

#form-creation-compte textarea{
	background:url(../medias/espace-pro/zone-texte.gif) no-repeat;
	border:none;
	width:220px;
	height:229px;
	padding:2px;
	float:left;
	color:#696868;
	font-family:Arial, Helvetica, sans-serif;
	font-size:118%;
}
/* hack ie7 */
*+html #form-creation-compte textarea{
	border:dashed 1px #bebab6;
	background:none;
}
/* hack ie6 */
* html #form-creation-compte textarea{
	border:dashed 1px #bebab6;
	background:none;
}

#form-creation-compte .champs-texte{
	border:none;
	background:url(../medias/espace-pro/champs-texte.gif) no-repeat;
	width:191px;
	height:17px;
	color:#696868;
	padding:2px;
}
/* hack ie7 */
*+html #form-creation-compte .champs-texte{
	border:dashed 1px #bebab6;
	background:#ffffff;
}
/* hack ie6 */
* html #form-creation-compte .champs-texte{
	border:dashed 1px #bebab6;
	background:#ffffff;
}
#form-creation-compte label{
	color:#75533e;
	font-weight:bold;
	float:left;
	width:90px;
	padding-top:2px;
}
#form-creation-compte .label2{
	color:#75533e;
	font-weight:bold;
	float:left;
	padding:0 0 5px 0;
}
#modules-compte{
	float:left;
	width:225px;
	margin-left:30px;
	font-size:71%;
	color:#696868;
}

.erreur{
	color:#c9835b;
	font-weight:bold;
}

#texte-grand-bloc{
	font-size:71%;
	padding-top:30px;
}

.marron{
	color:#75533e;
}

#form-petit{
	font-size:65%;
	width:550px;
	color:#c9835b;
}

#oubli-mdp{
	clear:both;
}