@charset "utf-8";
/* CSS Document */

div#colonneGauche {
	margin:0;
	padding:0;
	float:left;
	width:370px;
}

div#colonneDroite {
	margin:0;
	padding:0;
	float:right;
	width:513px;
}


div#colonneGauche h1.titreBloc1 {
	margin:0;
	padding:3px 0 0 30px;
	background-image:url(../images/hp-barre-titre-1.png);
	height:33px;
	color:#FFFFFF;
	font-size:17px;
	font-weight:normal;
	
}
div.barreBasBloc1 {
	margin:10px 0 0 0;
	padding:5px 10px 5px 0;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	background-image:url(../images/hp-barre-bas-1.png);	
}
div.barreBasBloc1 a:link {
	color:#FFFFFF;
	text-decoration:none;
}
div.barreBasBloc1 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
div.barreBasBloc1 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

div#colonneDroite h1.titreBloc2 {
	margin:0;
	padding:3px 0 0 30px;
	background-image:url(../images/hp-barre-titre-2.png);
	height:27px;
	color:#FFFFFF;
	font-size:17px;
	font-weight:normal;
	
}
div.barreBasBloc2 {
	margin:10px 0 0 0;
	padding:5px 10px 5px 0;
	text-align:left;
	font-size:11px;
	background-image:url(../images/hp-barre-bas-2.png);	
	clear:both;
}
div.barreBasBloc2 a:link {
	color:#FFFFFF;
	text-decoration:none;
}
div.barreBasBloc2 a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
div.barreBasBloc2 a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}




p.navigationAjax1 {
	margin:0;
	padding:0 0 10px 0;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
}
p.navigationAjax1 span {
	font-weight:bold;
	font-size:11px;
}
p.navigationAjax1 a:link {
	color:#FFFFFF;
	text-decoration:underline;
}
p.navigationAjax1 a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
p.navigationAjax1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}



div#blocClassement {
	margin:25px 0 0 0;
	padding:0;
	width:368px;
	border:solid 1px #690113;
	background-image:url(../images/bg-degrade.jpg);
}

div#blocClassement h2 {
	margin:0 10px 0 10px;
	padding:5px 0 2px 0;
	font-size:14px;
	border-bottom:solid 1px #000000;
}

div#blocClassement p#dateClassement {
	margin:3px 0 0 10px;
	padding:0;
	font-size:11px;
}

div#blocClassement p.classement {
	margin:5px 0 0 10px;
	padding:0;
	font-size:12px;
}




div#blocSoutien {
	margin:25px 0 0 0;
	padding:0;
	width:368px;
	border:solid 1px #690113;
	background-image:url(../images/bg-degrade.jpg);
}

p#introSoutien {
	margin:5px 10px 10px 10px;
	padding:10px;
	font-size:11px;
	background-color: #CCCCCC;
	color:#CC0000;
}

p#introSoutien a:link {
	color: #CC0000;
	text-decoration:underline;
}
p#introSoutien a:visited {
	color:#CC0000;
	text-decoration:underline;
}
p#introSoutien a:hover {
	color:#CC0000;
	text-decoration:none;
}

div#blocSoutien p.posteur {
	margin:10px;
	padding:15px 0 0 0;
	border-top:solid 1px #000000;
	font-size:11px;
}

div#blocSoutien p.message {
	margin:0 10px 20px 10px;
	padding:5px 0 5px 0;
	font-size:11px;
}

div#blocFormSoutien {
	margin:20px 10px 10px 10px;
	padding:15px;
	font-size:11px;
	background-color: #CCCCCC;
}

div#blocFormSoutien p {
	margin:0;
	padding:0;
}

div#blocFormSoutien p.champ {
	margin-bottom:15px;
}

div#blocFormSoutien input.champTexte {
	font-size:11px;
	background-color:#FFFFFF;
	border:solid 1px #999999;
	width:300px;
}


div#blocFormSoutien textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border:solid 1px #999999;
	width:300px;
	height:200px;
}

p#err1, p#err2 {
	font-size:10px;
	color:#CC0000;
	margin:0;
	padding:0;
}

div#blocFormSoutien img {
	cursor:pointer;
}

div.loadingSoutien {
	height:300px;
	line-height:300px;
	text-align:center;
}


div#blocVideo {
	margin:0;
	padding:0;
	border:solid 1px #000033;
	background-color:#000000;
}
div#blocVideo div#video {
	margin:10px 0 10px 10px;
	padding:0 10px 0 0;
	border-right:solid 1px #FFFFFF;
	float:left;
}

div#video p.infosVideoEnCoursTitre {
	margin:0;
	padding:3px 0 3px 0;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
}

div#video p.infosVideoEnCoursDate {
	margin:0;
	padding:0;
	font-weight:normal;
	color:#FFFFFF;
	font-size:10px;
}

div.loadingVideo {
	margin:0;
	padding:0;
	height:280px;
	line-height:280px;
	width:300px;
	text-align:center;
	background-color:#FFFFFF;
}

div.loadingVideoGlobal {
	margin:0;
	padding:0;
	height:320px;
	line-height:320px;
	text-align:center;
	background-color:#FFFFFF;
}


div#blocVideo div#listeVideo {
	margin:10px 10px 0 0;
	padding:0 0 0 0;
	float:right;
	width:170px;
	color:#FFFFFF;
	font-size:11px;
}
div#listeVideo div {
	margin:0 0 5px 0;
	padding:5px;
	height:56px;
	border:solid 1px #000000;
}

div#listeVideo div.couleur1 {
	background-color: #333333;
}
div#listeVideo div.couleur2 {
	background-color: #666666;
}

div#listeVideo div.listeVideoActive {
	border:solid 2px #FFFF99;
}

div#listeVideo div.listeVideoOver {
	border:solid 1px #FFFF99;
	cursor:pointer;
}

div#listeVideo div.listeVideoNormal {
	border:solid 1px #000000;
	cursor:pointer;
}



div#listeVideo p {
	margin:0;
	padding:0 0 3px 0;
}
div#listeVideo a:link {
	color:#FFFFFF;
	text-decoration:none;
}
div#listeVideo a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
div#listeVideo a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

ul.navigationAjax2 {
	margin:0;
	padding:0 0 0 10px;
	color:#FFFFFF;
	float:left;
	font-weight:bold;
}
ul.navigationAjax2 li {
	margin:0;
	padding:0;
	display:inline;
}




div#blocPhoto {
	margin:25px 0 25px 0;
	padding:0;
	border:solid 1px #000033;
	background-color:#000000;
}
div#blocPhoto div#diaporama {
	margin:10px;
	padding:0;
	height:130px;
}

/*** Scrollable CSS ***/
.reference-item
{
    height:97px;
    width:130px;
    margin:auto 0;
}

.scrollable .reference-item a
{
    color:#FFF !important;
}

.reference-item-image img
{
    max-height:90px;
    border:1px solid #FFF;
}

.reference-item-titre
{
	font-size:9px;
	font-weight:bold;
	width:100px;
	color:#FFFFFF !important;
	padding-left:5px;
}


div.scrollable {
	position:relative;
	overflow:hidden;
	float:left;
    width:440px;
    height:130px;
}

div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
}

div.scrollable div.items *
/* * = tous les élements enfant de items */ { 
    float:left; 
    cursor:pointer;
}

div.scrollable div.items img {
    margin:3px 3px 3px 3px;
	border:1px solid #ccc !important;
	max-width:120px;
    max-height:90px;
} 

div.items div.active { 
}
/*** Global : Fin ***/

/*** Boutons ***/
a.browse {
	width:18px;
	height:45px;
	margin:0 0 10px 0;
	cursor:pointer;
	display:block;
	float:left;
}

a.right { 
    background:url(/images/global/scrollable/right-green.png) no-repeat;
    margin-right: 0px;
    clear:right;
}
a.left { 
    background:url(/images/global/scrollable/left-green.png) no-repeat;
    margin-left: 0px; 
	margin-right:15px;
} 
/*** Fin Scrollable CSS ***/



div#blocJournal {
	margin:0 0 25px 0;
	padding:0;
	border:solid 1px #000033;
	background-image:url(../images/bg-degrade.jpg);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

div#blocJournal h2 {
	margin:0 10px 0 10px;
	padding:5px 0 2px 0;
	font-size:14px;
	border-bottom:solid 1px #000000;
}

div#blocJournal img.photoJournal {
	float:left;
	margin:10px;
	border:solid 1px #000000;
	max-width:200px;
	max-height:200px;
}

div#blocJournal p#dateJournal {
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	font-size:11px;
}
div#blocJournal p#titreJournal {
	margin:5px 10px 0 0;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:bold;
}
div#blocJournal p#texteJournal {
	margin:5px 10px 0 0;
	padding:0 0 10px 10px;
	font-size:11px;
}

div.loadingJournal {
	height:200px;
	line-height:200px;
	text-align:center;
}

div#blocJournal select {
	font-size:11px;
	background-color:#CCCCCC;
}


.mypopin2 {
	color:#000000;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#FFF;
	border-radius:1em;
	-moz-border-radius:1em;
}
.mypopin2 .popin-content {
	padding:10px;
}
.mypopin2 .popin-content p {
	padding:0;
	margin:0 0 1em;
}