/*
 * 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:295px;
	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;
}

#contenu-phototheque{
	width:920px;
	background:url(../medias/fonds/fond-phototheque.jpg) 1px 0 no-repeat;
	float:left;
	min-height: 433px;
}

#sous-menu-phototheque{
	width:305px;
	float:left;	
}

#sous-menu-phototheque h1{
	position: relative;
	top: 30px;
	left: 120px;
}

#menu-phototheque{
	clear: both;
	margin: 90px 0 0 17px;
	width: 290px;
}

#menu-phototheque p{
	margin: 10px 0;
	padding: 0;
}

.titre-form-phototheque{
	padding-top: 10px;
	color: #71350c;
	font-size: 16px;
    font-family: 'FrutigerBlackCn';
}

label.titre-form-phototheque{
	display: block;
	margin-bottom: 10px
}

#menu-phototheque input[type=text]{
	width: 164px;
	height: 29px;
	padding: 0 10px;
	line-height: 29px;
	color: #999;
	background: url(../medias/espace-pro/bg-input-phototheque.png) 0 0 no-repeat;
	border: none;
}

#btn-recherche{
	float: right;
	margin: 2px 70px 0 0;
	width: 30px;
	height: 26px;
	background: url(../medias/espace-pro/boutons/recherche-phototheque.jpg) 0 0 no-repeat;
	}
	#btn-recherche:hover{background-position: left bottom}

#menu-phototheque p.infos-recherche{
	color: #ad5813;
	font-size: 10px;
	width: 180px;
	margin-top: -5px;
}

#menu-phototheque p.orientation-image{
	width: 210px;
	height: 41px;
	background: url(../medias/espace-pro/bg-orientation.png) 0 0 no-repeat;
	padding: 0 0 0 15px;
	color: #333;
	line-height: 41px;
	font-size: 12px;
}

#menu-phototheque input.checkbox{
	float: left;
	margin: 0 0 0 15px;
	height: 41px;
	line-height: 41px;
	padding: 0
}

label.label_checkbox{
	display: block;
	margin: 0 20px 0 5px;
	float: left;
}

#menu-phototheque ul{
	margin: 30px 0 0 -12px;
	padding: 0 0 30px 14px;
	background: #f8b514 url(../medias/espace-pro/bg-fond-phototheque.png) left bottom no-repeat;
	width: 291px;
	list-style-type: none;
}

#menu-phototeque li{
	margin: 0;
	padding: 0;
}

#menu-phototheque ul li a{
	color: #71350c;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	line-height: 16px;
	}	
	#menu-phototheque li a:hover{text-decoration: underline}

#menu-phototheque ul.ss-menu-phototheque{
	background:none;
	margin: 0 0 0 10px;
	padding: 0;
	display: none;
}

#menu-phototheque ul.ss-menu-phototheque li a{
	padding-left: 12px;
	background: url(../medias/espace-pro/fleche-menu-phototheque.png) left center no-repeat;
	font-weight: normal;
	line-height: 16px;
}

#infos-mentions{
	width: 305px;
	background: url(../medias/espace-pro/box-mentions-bg.png) 0 0 repeat-y;
	position: relative;
	margin: 15px 0 15px 5px;
}

#picto-infos{
	position: absolute;
	top: 10px;
	left: -17px;
	width: 35px;
	height: 35px;
	background: url(../medias/espace-pro/picto-infos.png) 0 0 no-repeat;
}

#box-mentions-top{
	width: 305px;
	height: 10px;
	background: url(../medias/espace-pro/box-mentions-top.png) left top no-repeat;
}

#box-mentions-bottom{
	width: 305px;
	height: 10px;
	background: url(../medias/espace-pro/box-mentions-bottom.png) left bottom no-repeat;
}

#infos-mentions p{
	margin-left: 35px;
	color: #79412d;
	font-size: 11px;
	width: 245px;
}
#infos-mentions .bold{font-weight: bold}

#infos-mentions a{
	color: #79412d;
	font-weight: bold;
	}
	#infos-mentions a:hover{text-decoration: none}
	
#texte-grand-phototeque{
	width:595px;
	float:left;
	font-size:71%;
	color:#696868;
	padding:10px 0 0 30px;
}
	
#texte-marron h2.titre-phototheque{
	color: #f79410;
	font-size: 16px;
}

.pagination-phototheque{
	text-align:center;
	width:565px;
	padding:15px 0 10px 0;
}

#texte-marron .pagination-phototheque a{color: #f68505}
#texte-marron .pagination-phototheque a:hover{color: #9b6221}

.premiere-page{
	float: left;
	margin-right: 5px;
}

.page-precedente{
	float: left;
}

.derniere-page{
	float: right;
	margin-left: 5px;
}

.page-suivante{
	float: right;
}

.coloriage-phototheque{
	width:124px;
	height: 124px;
	float: left;
	margin: 10px 24px 10px 0;
	position: relative;
}

/*
.filigrane-phototheque{
	width: 112px;
	height: 112px;
	background: url(../medias/espace-pro/filigrane-photo.png) center center no-repeat;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 500;
}
*/
.visuel-phototheque{
	position: absolute;
	top: 0;
	left: 0;
	width: 112px;
	height: 112px;
	background:url(../medias/espace-pro/coloriage-vignette-phototheque.png) 0 0 no-repeat;
	padding:5px;
}

.visuel-phototheque span{
	width:110px;
	height: 110px;
	position: relative;
	overflow:hidden;
	display: block;
}

.infobulle{
	position: absolute;
	width: 274px;
	padding-top: 16px;
	top: -155px;
	left: -130px;
	background: url(../medias/espace-pro/infobulle-photo-top.png) 0 0 no-repeat;
	z-index: 1000;
}

.infobulle-content{
	width: 242px;
	padding: 4px 16px 0 16px;
	background: url(../medias/espace-pro/infobulle-photo-bg.png) 0 0 repeat-y;
}

.infobulle-content p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666;
}

.info-photo{font-weight: bold}

#texte-marron .infobulle-content a{
/*	display: block; */
	padding: 0 0 5px 0;
	color: #f79410;
	font-weight: bold;
	width: 200px;
	}
	#texte-marron .infobulle-content a:hover{text-decoration: none}
	
#texte-marron .infobulle-content a.fermer-infobulle{
	position: absolute;
	top: 15px;
	right: 15px;
	width: 10px;
	height: 10px;
	background: url(../medias/espace-pro/infobulle-photo-fermer.gif) 0 0 no-repeat;
}

.infobulle-bottom{
	width: 274px;
	height: 29px;
	background: url(../medias/espace-pro/infobulle-photo-bottom.png) 0 0 no-repeat;
}

/*---------------------------------- 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:95px;
	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;
}


.contact-bloc select{
	width:195px;
}