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

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

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

.logoCouleurRight {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	font-size: 11px;
	color: #f7f7f7;
	text-indent: 0ex;
	line-height:14px;


}

.textParagrapheContent {
	margin:5px 5px 5px 5px;	
}

ul {
	font-weight:bold;
	font-size:11px;
}
/*-----------*/
/* UNE RIGHT */
/*-----------*/

#uneRight {
	float:left;
	width:350px;
}

#upRight {
	float:left;
	}
	
#monCNDcontent {
	float:left;
	background-image:url(../img/background/bloc20.gif); /* une image de la largeur de la colonne */
	background-position:left;	
	background-repeat:repeat-y;
	font-size:11px;
}

#imageCND {
	background-color:#f7f7f7;
	width:300px;
	padding: 5px 5px 5px 20px;
}

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

.login {
	width:305px;
	background-color:#f7f7f7;
	margin-left:20px;
	padding-bottom: 5px;
	//font-size:11px;
	//color:#cc6700;
}
.login input {
	width:90px;
	font-size:11px;
}
.login .inscription {
	//margin: 5px 25px;
}

.login .submit {
	width:20px;
	font-size:11px;
	background-color:#f7f7f7;
	color:#cc6700;
}
 
.login p {
	font-size:11px;
}
.login .libelle{
	color:#cc6700;
	font-weight:bold;
}
 
.login a{
	color:#cc6700;
	font-weight:bold;
}
/*---------*/
/* MON CND */
/*---------*/

#cndLogoPetit {
	margin-top:5px;
	float:left;
	background-color:#cb6500;
}

#cndLogoPetit .logoCouleurRight {
	margin-top:20px;
}
#proLogoPetit {
	margin-top:10px;
	margin-left:20px;
	float:left;
	background-color:#336799;
}
#proLogoPetit .logoCouleurRight {
	margin-top:20px;
}

#trouveLogoPetit {
	margin-top:10px;
	margin-left:20px;
	float:left;
	background-color:#cb6500;
}

#contentTrouve .textParagrapheContent {
	color:#333333;
}

#contentTrouve ul {
	color: #cb6500;
	font-weight:bold;
	margin-bottom:10px;
}

#contentTrouve ul {
	color: #cb6500;
	font-weight:bold;
	margin-bottom:10px;
}

#contentTrouve ul a {
	color: #cb6500;
	text-decoration:none;
}
#contentTrouve ul a:hover {
	color: #cb6500;
	text-decoration:underline;
}

#contentPro {
	background-color:#f7f7f7;
	font-size:11px;
	width:300px;
	margin-left:20px;
	float:left;
}

#contentPro ul {
	color: #336799;
	font-weight:bold;
	margin-left:10px;
	margin:10px;
}

#contentPro ul a {
	color: #336799;
	text-decoration:none;
}
#contentPro ul a:hover {
	color: #336799;
	text-decoration:underline;
}

#contentTrouve {
	background-color:#f7f7f7;
	font-size:11px;
	width:300px;
	margin-left:20px;
	float:left;
}


/*----------*/
/* UNE LEFT */
/*----------*/

#uneLeft {
	float:left;
	width:600px;
}

#focusLeft {
	float:left;
	width:570px;
	margin-left:30px;
}

#uneHead {
	width:570px;
	float:left;
	margin-bottom:30px;
	background-color:#f7f7f7;
}

#imageUne {
	float:left;
}


.personnesAgendaUne {
	font-size:18px;
	font-weight:lighter;

}

.agendaTitreUne {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

.agendaPlaceUne {
	font-size:11px;
	
}

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

.agendaDateUne {
	font-size:13px;
	color:#990100;
	font-weight:bold;
}
.agendaGenre {
	font-size:10px;
	color:#666666;
	font-weight:lighter;
}

.personnesAgendaPetit{
	font-size:14px;
	font-weight:lighter;
}

.uneContent {
	margin-left:5px;
	margin-bottom:5px;
}

.textLogo {
	float:left;
	background-color:#990100;
	margin-top:5px;
	width:90px;
	text-align:center;

}

.textLogo h2 {
	
	text-indent: 0ex;
}

#uneBlanc {
	background-color:#f7f7f7;
	height:40px;
	width:480px;
	margin-left:90px;
}


#agendaLogoPetit {
	margin-top:10px;
	float:left;
	background-color:#990100;
}

.uneAgendaRight {
	margin-top:34px;
	padding-bottom:10px;
	width:505px;
	background-image:url(../img/background/bloc70.gif); /* une image de la largeur de la colonne */
	background-position:right;	
	background-repeat:repeat-y;
}

/**********/
/* Agenda */
/**********/

/* Gestion de la liste agenda */
#agendaListeBlock {
	float:left;
}
.uneAgendaText{
	width:505px;
}
/* Boite avec fond blanc */
.uneAgendaText div.insideBox {
	background-color:#f7f7f7;
	width:405px;
	margin-bottom: 30px;
	padding-top:5px;
	overflow:hidden;
}
/* Position par défaut a l'interieur de .uneAgendaText */
.uneAgendaText div.insideBox.left {
	margin-left:0px;
}
/* Position pour les agendas impair a l'interieur de .uneAgendaText */
.uneAgendaText div.insideBox.right {
	margin-left:30px;
}
/* Création d'un marge à l'intétieur des blocs blanc pour les agendas impair */
.uneAgendaText div.insideBox.right .textContent {
	margin-left:10px;
}

/* Style */
.avoirText {
	margin-top:7px;
	margin-bottom:7px;
	margin-left:7px;
}

.genreAgendaPetit {
	font-size:10px;
	color:#666666;
	font-weight:lighter;
}

.titreAgendaPetit {
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}
.liensAgendaListe {
	font-size:11px;
	float:right;
	margin-right:5px;
}
.liensAgendaListe .reserver{
	color:#990100;
}

#agendaListeBlock .dateAgendaPetit{
	color:#990100;
	font-size:11px;
	font-weight:bold;
}
.lieuAgendaPetit{
	font-weight:lighter;
	font-size:11px;
}

/*--------------*/
/* MIDDLE RIGHT */
/*--------------*/
#middleRight {
	float:left;
	width:445px;
	margin-left:-165px;
	padding-left:70px;
	background-image:url(../img/background/bloc70.gif); /* une image de la largeur de la colonne */
	background-position:left;	
	background-repeat:repeat-y;
}

#mediaLogo {
	margin-top:10px;
	float:left;
	background-color:#336799;
}

#contentMedia {
	background-color:#f7f7f7;
	font-size:11px;
	width:415px;
	float:left;
}

#contentMedia ul {
	color: #336799;
	font-weight:bold;
	margin-bottom:10px;
	margin:10px;
}

#contentMedia ul a {
	color: #336799;
	text-decoration:none;
}
#contentMedia ul a:hover {
	color: #336799;
	text-decoration:underline;
}


#educLogo {
	margin-top:10px;
	float:left;
	background-color:#336799;
}
#contentEduc {
	background-color:#f7f7f7;
	font-size:11px;
	width:505px;
	float:left;
}
#contentEduc ul {
	color: #336799;
	font-weight:bold;
	margin-bottom:10px;
	margin:10px;
}

#contentEduc ul a {
	color: #336799;
	text-decoration:none;
}
#contentEduc ul a:hover {
	color: #336799;
	text-decoration:underline;
}
#contentEduc .textParagrapheContent {
	width:420px;
	text-align:justify;
}


/*---------------*/
/*  Publication  */
/*---------------*/
#publicationLogo {
	margin-top:10px;
	float:left;
	background-color:#336799;
}

#publicationContent {
	float:left;
	width:415px;
	background-color:#f7f7f7;
	font-size:11px;
}

#publicationContent .logoRight {
	float:left;
	margin:10px 5px 10px 10px;
}
.genrePublication {
	font-size:10px;
	color:#336799;
	font-weight:bold;
}

.titrePublication {
	font-style:italic;
	font-weight:bold;
	font-size:18px;
}

.personnesPublication {
	font-size:14px;
	font-weight:lighter;
}

.publicationText {
	margin-top:10px;
	margin-bottom: 10px;
}

.publicationText ul {
	color: #336799;
	font-weight:bold;
	margin-bottom:10px;
	margin:10px;
}

.publicationText ul a {
	color: #336799;
	text-decoration:none;
}
.publicationText ul a:hover{
	color: #336799;
	text-decoration:underline;
}

#publicationContent .legendeBouton {
	color:#336799;
	font-weight:bold;
}

#videoLogo {
	margin-top:10px;
	float:left;
	background-color:#990100;
}

#playerVideo {
	background-color:#f7f7f7;
	float:right;
	padding: 10px 20px 5px 10px;
	font-size:11px;
	width:385px;
}
#playerVideo .textParagrapheContent{
	float:left;
}

#video {
	float:right;
}

/*---------*/
/* UNE END */
/*---------*/

#blocInterludeEnd {
	height:35px;
	width:950px;
	background-color:#F7F7F7;
}

.blocBlancEnd {
	background-color:#f7f7f7;
	float:right;
	height:31px;
}

/* INFO PRATIQUE */
#infoPratique .blocBlancEnd {
	width:50px;
}

#infoPratique {
	width:180px;
	margin-left:20px;
	float:left;

}
#infoPratique .content {
	width:180px;
	float:right;
	background-color:#f7f7f7;
}
#infoLogo {
	margin-top:7px;
	float:right;
	background-color:#cc6602;
}

#infoPratique .content ul {
	color:#cc6602;
	margin :5px 10px;
}

#infoPratique .content ul a {
	color:#cc6602;
	text-decoration:none;
}

#infoPratique .content ul a:hover {
	color:#cc6602;
	text-decoration:underline;
}


/* FOCUS PLUS ABONNES */
#plusAbonnes {
	float:left;
	margin-left:20px;
	width:240px;
}
#plusAbonnes .blocBlancEnd {
	width:45px;
}

#plusAbonnes img {
	margin: 5px 5px;
	float:left;
}
#plusAbonnes .content {
	float:right;
	width:243px;
	background-color:#f7f7f7;;

}
#plusAbonnes .content .text {
	margin: 5px 10px;
}

#plusAbonnes .content ul {
	color:#cc6602;
	margin-top :5px;
}
#plusAbonnes .content ul a {
	color:#cc6602;
	text-decoration:none;
}
#plusAbonnes .content ul a:hover {
	color:#cc6602;
	text-decoration:underline;
}

#plusAbonnes .titreAbonnes {
	font-size:13px;
	line-height:110%;
	font-weight:bold;
	font-style:italic;
	margin-top:5px;
}
#plusAbonnes .chapAbonnes {
	font-size:11px;
	font-weight:lighter;
}
#plusAbonnes .persAbonnes {
	font-size:12px;
	font-weight:lighter;
}

#abonnesPlusLogo {
	margin-top:7px;
	float:right;
	background-color:#cc6602;
}

#plusAbonnes .content .datesAbonnes {
	color:#cc6602;
	font-size:11px;
	font-weight:bold;
	margin-top:5px;
}

#plusAbonnes .content .lieuAbonnes {
	font-size:11px;
}

/* AILLEURS */
#ailleurs {
	width:210px;
	margin-left:20px;
	float:left;
}
#ailleursLogo {
	margin-top:6px;
	float:right;
	background-color:#990100;
}
#ailleursLogo .logoCouleurRight {
	margin-top:11px;
}
#ailleurs .blocBlancEnd {
	width:45px;
}

#ailleurs .content {
	float:right;
	width:210px;
	background-color:#f7f7f7;;
}
#ailleurs .content p {
	font-size:11px;
	margin:0px 10px;
}



#ailleurs .content ul {
	color:#990100;
	margin:5px 10px;
}

#ailleurs .content ul a {
	color:#990100;
	text-decoration:none;
}

#ailleurs .content ul a:hover {
	color:#990100;
	text-decoration:underline;
}

#ailleurs .content .datesAilleurs {
	color:#990100;
	font-weight:bold;
	margin-top:5px;
}
#ailleurs .content .titreAilleurs {
	font-size:13px;
	line-height:110%;
	font-weight:bold;
	font-style:italic;
	margin-top:5px;
}
#ailleurs .content .personnesAilleurs {
	font-size:12px;
}


/* 	Ils travaillent au CND */

#travaille .blocBlancEnd {
	width:40px;
}

#travaille {
	width:212px;
	margin-left:30px;
	float:left;
}
#travaille .content {
	width:210px;
	background-color:#f7f7f7;
	float:right;
}
#travailleLogo {
	margin-top:7px;
	float:right;
	background-color:#346699;
}

#travaille .content p {
	font-size:11px;
	margin:5px 10px;
}

#travaille .content ul {
	color:#346699;
	margin:5px 10px;
}

#travaille .content ul a {
	color:#346699;
	text-decoration:none;
}

#travaille .content ul a:hover {
	color:#346699;
	text-decoration:underline;
}