/*---------------*/
/* Container CSS */
/*---------------*/

#container {
	width: 950px;
	margin: 0 auto;
	background-image:url(../img/background/pro.jpg);
}
#content{
	padding-bottom: 40px;

}

/*--------*/
/* Global */
/*--------*/

.logoCouleurRight {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	font-size: 11px;
	color: #f7f7f7;
}

ul {
	font-weight:bold;
	font-size:11px;
}

/******************/
/*    LEFT BOX    */
/******************/

#boxLeft {
	width:345px;
	float:left;
}

/*-----------*/
/* MENUS PRO */
/*-----------*/

/* LOGO */

#menuPro .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	margin-left: 30px;
	width:140px;
	text-align:center;
}

#menuPro .textLogo h2 {
	margin-top:20px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}

#menuPro .logoBlanc {
	width:155px;
	height:40px;
	background-color:#f7f7f7;
	float:left;
	
}

/* MENU PRO */

#menuPro .titre {
	width:315px;
	float:left;
	margin: 5px 5px;
	font-size:12px;
	font-weight:bold;
	color: #336799;
	cursor:pointer;
}

#menuPro ul {
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:12px;
}

#menuPro {
	background-image:url(../img/background/bloc130.gif); 
	background-position: 310px;
	background-repeat:repeat-y;
	float:left;
}

#menuPro .construire, .former, .informer {
	width:315px;
	float:left;
	margin-left:30px;
	margin-bottom:5px;
	background-color:#f7f7f7;
}


/*------------------*/
/* MOTEUR RECHERCHE */
/*------------------*/

#moteurRecherche {
	float:left;
	width:315px;
}

#moteurRecherche .textLogo {
	float:left;
	background-color:#336799;
	margin-top:5px;
	width:180px;
	text-align:center;
}

#moteurRecherche .textLogo h2 {
	margin-top:20px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}

#moteurRecherche .rechercheContent {

	font-size:11px;
	color:#336799;
	float:left;
	margin: 5px 5px 5px 50px;
}

#moteurRecherche .box {
	float:left;
	background-color:#f7f7f7;
	padding-bottom:10px;
}

#moteurRecherche .submit {
	width:40px;
	font-size:11px;
	background-color:#f7f7f7;
	color:#336799;
}

#moteurRecherche p {
	margin-bottom:10px;
}

/*---------*/
/* MON CND */
/*---------*/

#monCND {
	float:left;
}

#monCNDLogoPetit {
	margin-left:40px;
	margin-top:10px;
	float:left;
	background-color:#cc6700;
}
#monCNDcontent {
	float:left;
	width:275px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#cc6700;
	margin-bottom:40px;
	margin-left:40px;
}
#monCNDcontent input {
	width:90px;
	font-size:11px;
}
#monCNDcontent .inscription {
	margin: 5px 25px;
}

#monCNDcontent .submit {
	width:20px;
	font-size:11px;
	background-color:#f7f7f7;
	color:#cc6700;
}
 
#monCNDcontent p {
	margin: 5px 20px;
}

#monCNDcontent a {
	font-weight:bold;
	color:#cc6700;
}


/*---------*/
/* LE CND */
/*---------*/

#RESEAUX {
	float:left;
}

#RESEAUXLogoPetit {
	margin-left:40px;
	margin-top:10px;
	float:left;
	background-color:#8e004e;
}
#RESEAUXontent {
	float:left;
	width:275px;
	background-color:#f7f7f7;
	font-size:11px;
	color:#cc6700;
	margin-bottom:40px;
	margin-left:40px;
}

#RESEAUXcontent .inscription {
	margin: 5px 25px;
}

#RESEAUXcontent a {
	font-weight:bold;
	color:#8e004e;
}



/*******************/
/*    RIGHT BOX    */
/*******************/

#boxRight {
	float:right;
	width:605px;

}

#boxRight .boxBlanc {
	float:left;
	width:605px;
	height:30px;
	background-color:#f7f7f7;
}

/* DIAOPORAMA */
#contenuRight {
	margin-top:65px;
	margin-left:70px;
	width:505px;
}

#contenuRight .diapo img {
	margin: 20px 0px 5px 20px;	
}

#contenuRight .legende {
	margin: 0px 0px 0px 20px;
	font-size:9px;
}

#contenuRight .diapo .legende a {
	color:#336799;
	font-size:12px;
}

#contenuRight .boxBlanc2 {
	float:right;
	width:90px;
	height:30px;
	background-color:#f7f7f7;
}

.diapo {
	padding-bottom:20px;
	background-color:#f7f7f7;
	width:505px;
	height:300px;
}

#contenuRight .descriptif {
	float:left;
	width:505px;
	background-color:#f7f7f7;
}

/* Menu Bouton Descriptif */
#contenuRight .descriptif .menu {
	width:90px;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

#contenuRight .legendeBouton {
	font-weight:bold;
	color:#336799;
	font-size:10px;
	margin:4px;
	vertical-align:text-top;
}

/* Descriptif text */
#contenuRight .descriptif p {
	margin: 10px 10px 20px 10px;
	font-size:12px;
}