#positionnementSiteCMS{
	margin-top:80px;
}
#positionnementSite{

}

/* Page */
body {
	margin: 0;
	font-family: "Courier New",Courier,mono;
	font-size: 12px;
	color: black;
}

/* Titres */
h1 {
	font-size: 18px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Courier New",Courier,mono;
}

h2 {
	font-size: 16px;
	font-family:"Courier New",Courier,mono;
	font-weight:bold;
	line-height:16px;
	margin-top:0px;
	margin-bottom:2px;
}
h3 {
	font-size: 15px;
	font-family:"Courier New",Courier,mono;
	font-weight:bold;
	line-height:16px;
	margin-top:3px;
	margin-bottom:2px;
}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	padding-right:20px;
}
li p {
	margin: .5em 0;
}

/* Liens */
a {
	text-decoration:none;
	color: #c52c23;
}
h1 a, h2 a, a h1, a h3 {
	text-decoration:none;
	color: #000;
}

a:hover, a:focus {
	text-decoration:none;	
	color: #c52c23;
}


a img {
	border: none;
}
.lienSite{
	background-image:url(../../images/puceLien.png);
	background-repeat:no-repeat;
	padding-left:22px;
	font-weight:bold;
	color: #c52c23;
	line-height:24px;
}
.endCol{
	clear:both;
}
.titreImg{
	margin: 15px 0px 10px 0px;
}
div.hr {
  height: 15px;
  background: #fff url(../../images/MotifHorizontal.png) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

.videoContent {
	position:relative;
	margin-bottom:5px;
}
.playBtnFull{
	position:absolute;
	width:46px;
	height:46px;
	margin-left:auto;
	background:url("../../images/play.png");
}
/* --- POSITIONNEMENT --- */

/* Page */

#global {
	position:relative;
	width: 950px;
	margin: 0 auto;
	background:#FFFFFF
}
/*********************************************************************************/
/* En-tête */
/*********************************************************************************/
#entete {
	width: 739px;
	position:relative;
}
	#bannerHorizontale{
		margin-left: 10px;
	}
	#entete #titreSite{
		position:relative;
	}
	#entete #logoReseauSociaux{
		position:absolute;
		right:185px;
		top:39px;
	}
	#entete #logoReseauSociaux img{
		padding-left:5px;
	}

	#entete .blocChampSearch input{
		float:left;
		border:0px;
		width:135px;
		height:14px;
		font-size:10px;
		margin:0px;
		margin-top:4px;
		margin-left:4px;
	}
	#entete .blocChampSearch {
		position:absolute;
		right:0px;
		top:37px;
		width:169px;
		height: 23px;
		padding:0px 5px 0px 5px;
		background-image:url(../../images/bg_form-recherche.png);
		background-repeat:no-repeat;
	}

	#entete .blocChampSearch #boutonChampSearch {
		float:right;
		width:11px;
		height:12px;
		border:0px;
		margin-top:7px;
		margin-right:4px;
	}


/*********************************************************************************/
/* Menu de navigation */
/*********************************************************************************/
#navigation {
	padding-left:5px;
	width: 736px;
	color:#fff;
	margin-bottom:20px;
}
	/*Fonctionement du menu*/
	#nav {
		list-style: none ;
		margin: 0 ;
		padding: 0 ;
		overflow: hidden ;
		background-image:url(../../images/menu/fondMenu.png); /*Création du contexte de formatage */
		height:30px;
		}

	#nav li {
		float: left ;
		}
/*********************************************************************************/
/* page normal */
/*********************************************************************************/

#principal {
	width: 745px;
	position: relative;
	z-index: 0;
}
/*bloc normal*/

	#principal .bordureHaut{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: top;
		height:2px;
		font-size:2px;
		margin: 0px 8px 0px 8px;
	}
	#principal .bordureBas{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height:2px;
		font-size:2px;
		margin: 0px 8px 0px 8px;
	}
	#principal .bordureGauche{
		background-image: url(../../images/MotifVerticalGauche.png);
		background-repeat: repeat-y;
	}
	#principal .bordureDroite{
		background-image: url(../../images/MotifVerticalDroite.png);
		background-repeat: repeat-y;
		background-position:right;
		width:745px;
	}
	#principal .contenu{
		background-image: none;
		background-color: Transparent;
		width:715px;
		min-height:200px;
		padding-left:5px;
	}
	#principal INPUT.text, #principal SELECT{
		width: 190px;
		margin-left:8px;
		margin-top:4px;
		margin-bottom:5px;
		height:13px;
		font-size:10px;
		border:0;
	}
	#principal TEXTAREA{
		width: 186px;
		margin-left:8px;
		margin-top:4px;
		margin-bottom:10px;
		margin-right:7px;
		height:45px;
		font-size:10px;
		border:0;
	}
	input.error, select.error, textarea.error{
		color:#000;
		border:1px solid #c52c23;
	}
	label.error{
		display:inline-block;
		font-size:10px;
		color:#c52c23;
	}
	.label{
		font-family:"Courier New",Courier,mono;
		font-size:12px;
	}

	.submit{
		border:0;
		background-image:url(../../images/puceLien.png);
		background-repeat:no-repeat;
		background-color:#FFF;
		padding-left:22px;
		font-weight:bold;
		cursor:pointer;
	}
	.image_gauche{
		float: left;
		margin-right:15px;
		border:none;
	}
	

/******************/
/* Menu lien réseau sociaux */
/******************/
	#blocReseauxSociaux	{
		float:right;
	}
		#navReseauSoc {
			font-size:12px;
			list-style: none ;
			margin: 0 ;
			padding: 0 ;
			overflow: hidden ;		/* Création du contexte de formatage */
			}
		#navReseauSoc li {
			float: left ;
			/*border-top: 1px solid #d4d4d4 ;
			border-bottom: 1px solid #d4d4d4 ;*/
			margin-right: 0px ;
			padding-right:8px;
		}
		#navReseauSoc li a {
			display: block ;
			color: #6b6a6a;
			font: 1em Arial,sans-serif ;
			line-height: 1.2em ;
			padding: 4px 0 0 22px;
			text-align: left;
			text-decoration: none ;
		}
		#navReseauSoc li a:hover, #nav li a:focus, #nav li a:active {
			text-decoration: underline ;
		}
		#navReseauSoc li.email{
			background:transparent url(../../images/mail.jpg) no-repeat scroll left center;
		}
		#navReseauSoc li.faceBook{
			background:transparent url(../../images/faceBook.jpg) no-repeat scroll left center;
		}
		#navReseauSoc li.twitter{
			background:transparent url(../../images/twitter.jpg) no-repeat scroll left center;
		}	
/*********************************************************************************/	
/* CONCOURS */
/*********************************************************************************/
	#principal .bgConcours{
		background-image: url(../../images/bg_form-concours.png);
		background-repeat:no-repeat;
	}
	#principal .bgConcoursTextArea{
		background-image: url(../../images/bg_form-concours-textArea.png);
		background-repeat:no-repeat;
	}
/*********************************************************************************/	
/*NEWSLETTER*/
/*********************************************************************************/
	#principal .bgNewsletter{
		background-image: url(../../images/bg_form-concours.png);
		background-repeat:no-repeat;
	}
	
/*********************************************************************************/
/* CHAMP PAGE RECHERCHE */
/*********************************************************************************/
	#principal .blocChampSearch input{
		float:left;
		border:0px;
		width:135px;
		height:14px;
		font-size:10px;
		margin:0px;
		margin-top:4px;
		margin-left:4px;
	}
	#principal .blocChampSearch {
		float:left;
		width:169px;
		height: 30px;
		padding:0px 5px 0px 5px;
		background-image:url(../../images/bg_form-recherche.png);
		background-repeat:no-repeat;
	}

	#principal .blocChampSearch #boutonChampSearch {
		float:right;
		width:11px;
		height:12px;
		border:0px;
		margin-top:7px;
		margin-right:4px;
	}

/*********************************************************************************/
/*AGENDA */
/*********************************************************************************/
	#agenda p{
		padding-right:0px;
	}
/*********************************************************************************/
/* HomePaqe*/
/*********************************************************************************/
/*bloc normal*/
#blocHome1 {
	/*float: left;*/
	position:relative;
	margin-bottom:10px;
	min-height:200px;
}

#blocHome2 {
	/*float: left;*/
	position:relative;
	margin-bottom:10px;
	min-height:200px;
}
	#blocHome1 .bordureHaut, #blocHome2 .bordureHaut{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: top;
		height:2px;
		font-size:2px;
		margin: 0px 8px 0px 8px;
	}
	#blocHome1 .bordureBas, #blocHome2 .bordureBas{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height:2px;
		font-size:2px;
		margin: 0px 8px 0px 8px;
	}
	#blocHome1 .bordureGauche, #blocHome2 .bordureGauche{
		background-image: url(../../images/MotifVerticalGauche.png);
		background-repeat: repeat-y;
	}
	#blocHome1 .bordureDroite, #blocHome2 .bordureDroite{
		background-image: url(../../images/MotifVerticalDroite.png);
		background-repeat: repeat-y;
		background-position:right;
		width:745px; /*372*/
	}
	#blocHome1 .contenu, #blocHome2 .contenu{
		background-image: none;
		background-color: Transparent;
		width:703px;/*330*/
		min-height:200px;
	}
	#blocHome1 .videoContent,#blocHome2 .videoContent{
		float:left;
		width:350px;
	}
	#blocHome1 .cadreTexteColonneDeux, #blocHome2 .cadreTexteColonneDeux{
		float:right;
		width:350px;
		padding-top:0px;
	}
	

/* mini bloc*/
#blocMiniBloc{
	float:left;
	min-height:120px;
	margin-bottom:20px;
}
.miniBloc1,.miniBloc2, .miniBloc3, .miniBloc4  {
	float: left;
	margin-bottom:10px;
}
	#blocMiniBloc .bordureHautMini{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: top;
		height:2px;
		font-size:2px;
		margin: 0px 5px 0px 8px;
	}
	#blocMiniBloc .bordureBasMini{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: bottom;
		height:2px;
		font-size:2px;
		margin: 0px 5px 0px 8px;
	}
	#blocMiniBloc .bordureGaucheMini{
		background-image: url(../../images/MotifVerticalGauche.png);
		background-repeat: repeat-y;
	}
	#blocMiniBloc .bordureDroiteMini{
		background-image: url(../../images/MotifVerticalDroiteMini.png);
		background-repeat: repeat-y;
		background-position:right;
		width:185px;
	}
	#blocMiniBloc .contenuMini{
		background-image: none;
		background-color: Transparent;
		width:156px;
		min-height:120px;
	}

	/* HOME PAGE CONCOURS*/
	#blocMiniBloc #imgConcours{
		float:left;
		width:165px;
		/*margin-right:5px;*/
	}

.cadreTexte{
	margin:10px 15px;
}
.cadreImg{
	margin:0 0 0 10px;
}
.borderTab{
	background-image: url(../../images/MotifVerticalDroiteMini.png);
	background-repeat:repeat-y;
}
.moitie{
	position:relative;
	float:left;
	width:360px;
}

/*blocInfo sont les bloc de la colonne de gauche sur la home page (magazine et AGENDA) */
.blocInfo .bordureBas{
	background-image: url(../../images/MotifHorizontal.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height:2px;
	font-size:2px;
	width:340px;
}
#principal .blocInfo .contenu{
	width:340px;
	margin-left:5px;
	margin-right:10px;
	margin-bottom:10px;
}
#principal .blocInfo .contenu a, #principal .blocInfo .contenu a:hover{
	color:#000;
	text-decoration:none;
}

/*bloc colonne sont les deux colonne de droite de la home page (news et video)*/
.blocColonne {
		background-image: none;
		background-color: Transparent;
		width:170px;
		margin-left:5px;
}
.blocColonne a,.blocColonne a:hover {
	color:#000;
	text-decoration:none;
}
/*********************************************************************************/
/* Banner Vertical à droite */
/*********************************************************************************/
#pubVerti {
	position:absolute;
	top:0px;
	left:760px;

}
	#pubVerti .bordureHautBanner{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: top;
		height:2px;
		font-size:2px;
		margin: 0px 5px 0px 8px;
	}
	#pubVerti .bordureBasBanner{
		background-image: url(../../images/MotifHorizontal.png);
		background-repeat: repeat-x;
		background-position: bottom;
		margin: 0px 5px 0px 8px;
		height:2px;
		font-size:2px;
	}
	#pubVerti .bordureGaucheBanner{
		background-image: url(../../images/MotifVerticalGauche.png);
		background-repeat: repeat-y;
	}
	#pubVerti .bordureDroiteBanner{
		background-image: url(../../images/MotifVerticalDroite.png);
		background-repeat: repeat-y;
		background-position:right;
		/*width:178px;*/
		width:138px;
	}
	#pubVerti .contenuBanner{
		background-image: none;
		background-color: Transparent;
		/*width:160px;*/
	}
/*********************************************************************************/
/* MAIL AMI */
/**********************************************************************************/
#formMailAmi,.ui-dialog{ font-size: 12px; }

#formMailAmi label, #formMailAmi input { display:block; }
#formMailAmi input.text { margin-bottom:12px; width:95%; padding-left:2px;}
fieldset { padding:0; border:0;}
div#users-contain {  width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }	

/*********************************************************************************/
/* Moteur de recherche */
/*********************************************************************************/
.pagination{
	text-align:right;
	margin:20px 0px 0px 0px;
	padding-bottom:25px;
}
.page {
	float:left;
	border-right:1px solid #CCCCCC;
	padding:4px 8px 0px 8px;
	font-size:13px;
	line-height:13px;
	height:20px;
}
.pictoNext {
	float:left;
	border:0px;
	padding:6px 0px 0px 8px;
	height:20px;
}
.pictoPrevious {
	float:left;
	border-right:1px solid #CCCCCC;
	padding:6px 8px 0px 0px;
	height:20px;
}
.searchMotEvidence{
	background-color:#FFFF00;
}
/*********************************************************************************/
/**  Gallery **/
/*********************************************************************************/
#gallery {
	margin:0;
	padding:0;
	width: 720px;
}
#gallery ul {
	border:0px;
	list-style: none;
	width:100%;
}
#gallery ul li {
	float:left;
	margin:0 12px 20px 0px;
}
/*********************************************************************************/
/* Pied de page */
/*********************************************************************************/
#bottom {
	margin: 0 0 0 10px;
	padding: 15px 20px 10px 0;
	width: 736px;
}
	/*Fonctionement du menu*/
	#navBottom {
		list-style: none ;
		margin: 0 ;
		padding: 0 ;
		float:left;
	}
	#navBottom ul{
		border:0;
	}
	#navBottom li {
		float: left ;
	}
	#createur, #createur a{
		float:right;
		color:#999;
	}
	#createur a:hover{
		color:#333;
		text-decoration:none;
	}