/******************************************************************************/
/********************** STRUCTURE  ********************************************/
/******************************************************************************/
#logo_accueil {
	/*border-bottom: 1px solid white;*/
}
.menu_1 {
	/*border-bottom: 1px solid white;*/
}
.menu_2{
	/*border-bottom: 1px solid white;*/
}
.menu_3 {
	/*border-bottom: 1px solid white;*/
}
.menu_4 {
	/*border-bottom: 1px solid white;*/
}
.menu_5 {
	/*border-bottom: 1px solid white;*/
}
#reseaux_sociaux {
	/*border-bottom: 1px solid white;*/
}
/** CARROUSEL **/
#carrousel {	
	display: block;
	float: left;
	border-bottom: 1px solid white ;
	box-shadow: 0px 0.5px 10px grey;
	margin: 0 auto;
	width: 100%;
	background-color: black;
}
.carrousel_cotegauche {	
	display: block;
	float: left;
	height: 403px;
	/*width: 34px;*/ width: 2.9em;
	background-color: black;
	border-right: 1px solid white;
	/*border-left: 1px solid white;*/
	position: relative;
}
.carrousel_cotegauche img {	
	position: absolute;
	right: 0px;
	bottom: 32px;
}
.carrousel_cotedroit {	
	display: block;
	float: left;
	height: 403px;
	/*width: 35px;*/ width: 2.9em;
	background-color: black;
	position: relative;
	/*border-right: 1px solid white;*/
}
.carrousel_cotedroit img {	
	position: absolute;
	left: 0px;
	bottom: 32px;
}
.carrousel_central {
	display: block;
	float: left;
	background-color: black;
	border-right: 1px solid white;
	padding: 0;
}
.carrousel_js li {
	float: left;
	list-style: none;
	width: 98.083em;
	height: 33.583em;
	position: relative;
}
.carrousel_js {
	margin: 0px;
	padding:0;
}
.bouton_gauche {
	background-image: url("../../images/bouton_gauche_caroussel.png");
	width: 30px;
	height: 39px;
}
.bouton_droit {
	background-image: url("../../images/bouton_droit_caroussel.png");
	width: 30px;
	height: 39px;
}
ul li .titre_gauche {
	position: absolute;
	bottom: 32px;
	left: 0px;
	width: 18.25em;
	opacity: 0.8;
	background-color: black;
	padding: 0px;
}
ul li .titre_gauche p a:hover {
	text-decoration: underline;
}
ul li .titre_gauche p a {
	display: block;
	font-weight: bold;
	color: white;
	/*width: 219px;*/
	height: 2.917em;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: none;
	text-transform: uppercase;
}

ul li .titre_droit p a:hover {
	text-decoration: underline;
}
ul li .titre_droit {
	position: absolute;
	bottom: 32px;
	right: 0px;
	width: 18.25em;
	background-color: black;
	opacity: 0.8;
	padding: 0px;
}
ul li .titre_droit p a {
	display: block;
	font-weight: bold;
	color: white;
	/*width: 219px;*/
	height: 2.917em;
	padding-top: 5px;
	padding-left: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
ul li .titre_droit p , ul li .titre_gauche p {
	margin-bottom: 0px;
	font-size: 1em;
}
.titre_principal {
	position: absolute;
	background-color: black;
	background-position: right;
	bottom: 18px;
	left: 238px;
	font-size: 1em;
	width: 700px;
	opacity: 0.8;
}
.titre_principal a {
	text-decoration: none;
}
ul li .titre_principal p a {
	display: block;
	color: white;
	font-weight: bold;
	/*padding-left: 158px;*/
	padding-top: 12px;
	font-size:1.75em;
}
.titre_principal p {
	color: white;
	padding-left: 158px;
}
.a_la_une {
	display: block;
	float: left;
	width: 4.902em;
	height: 1.569em;
	padding: 22px 18px;
	background-color: white;
	color: black;
	font-family: 'TheSansExtraBold';
	font-size: 1.7em;
	opacity: 1;
	text-transform: uppercase;
}
/** COLONNE GAUCHE **/
#colonne_gauche {	
	display: block;
	float: left;
	/*width: 700px;*/ width: 58.3em;
}
#colonne_gauche .tiers_deuxtiers {
	display: block;
	float: left;
	padding: 0 ;
	margin-bottom: 20px;
}
#colonne_gauche .untiers {
	display: block;
	float: left;
	/*width: 220px;*/ width: 18.3em;
	margin-right: 20px;
}
#colonne_gauche .deuxtiers {
	display: block;
	float: left;
	/*width: 460px;*/ width: 38.3em;
}
#colonne_gauche .bloc_large {
	display: block;
	float: left;
	/*width: 700px;*/ width: 58.3em;
	margin-bottom: 20px;
}
#colonne_gauche .moitie {
	display: block;
	float: left;
	margin-bottom: 20px;
}
#colonne_gauche .moitie_gauche {
	display: block;
	float: left;
	/*width: 340px;*/ width: 28.3em;
	margin-right: 20px;
}
#colonne_gauche .moitie_droite {
	display: block;
	float: left;
	/*width: 340px;*/ width: 28.3em;
}
/** COLONNE DROITE **/
#colonne_droite {	
	display: block;
	float: right;
	/*width: 460px;*/ width: 38.4em;
	padding-left: 20px;
}
#colonne_droite .bloc_large {
	display: block;
	float: left;
	/*width: 460px;*/ width: 38.4em;
	margin-bottom: 20px;
}
#colonne_droite .bloc_large_ombre {
	display: block;
	float: left;
	/*width: 460px;*/ width: 38.3em;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px grey;
	background-color: white;
}
#colonne_droite .moitie {
	display: block;
	float: left;
}
#colonne_droite .moitie_gauche {
	/*width: 220px;*/ width: 18.3em;
	margin-right: 20px;
	display: block;
	float: left;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px grey;
}
#colonne_droite .moitie_droite {
	/*width: 220px;*/ width: 18.3em;
	display: block;
	float: left;
	margin-bottom: 20px;
	box-shadow: 1px 2px 4px grey;
}
/** BLOC BLANC **/
.bloc_blanc {
	border: 1px solid #e0ded9;
	background-color: #ffffff ;
	padding: 15px 20px;
	height: 100%;
}
#colonne_droite .bloc_blanc h2.entete {
	font-family: 'TheSansExtraBold';
	font-size: 2.085em;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: normal;
	color: black;
	background: none;
}
.bloc_blanc h2 {
	font-family: 'TheSansExtraBold';
	font-size: 2.085em;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: normal;
	color: black;
	background: none;
}
.bloc_blanc h3 {
	font-size: 1.5em;
	margin-bottom: 8px;
	font-weight: bold;
}
.bloc_blanc .principal h3 {
	font-size: 1.5em;
	margin-bottom: 8px;
	font-weight: bold;
	margin-top: 16px;
}
.bloc_blanc h3 a {
	text-decoration: none;
	color: #5c5149;
}
.bloc_blanc .element_moitie h3 {
	font-size: 1.125em;
	margin-top: 16px;
	color: #5c5149;
	font-weight: bold;
}
.bloc_blanc .element_moitie p{
	color: black;
}
.element {
	display: block;
    border-right: 1px solid #00a2ab;
    display: block;
    float: left;
    padding: 0 20px 0 0;
    width: 18em;
}
.bloc_blanc .element_plus:hover a {
	text-decoration: underline;
	color: #005A88;
}
.bloc_blanc .element_plus {
	display: block;
	color: #685c53;
	font-size: 1em;
	height: 37px;
	background: url("../../images/fond_plus.png") no-repeat scroll left #ffffff;
	padding-top: 23px;
}
.element_plus a {
	text-decoration: none;
	padding-bottom: 15px; 
	padding-top: 13px;
	color: 	#685C53;
}
.element_plus p {
	font-size: 1em;
}
/** AGENDA **/
.element_agenda p {
	font-size: 1em;
	margin-bottom: 20px;
	bottom: 0px;
	margin-top: 15px;
}
.element_agenda {
	font-size: 1em;
	display: inline-block;
  border-bottom: 1px dashed #00a2ab;  
}
.element_agenda h3:hover {
	text-decoration: underline;
}
.element_agenda h3 {
	font-size: 1.2em;
}
.element_agenda_principal h3 {
	font-size: 1.2em;
}
.element_agenda_principal h3:hover {
	text-decoration: underline;
}
.element_agenda_principal {
	font-size: 1em;
	margin-top: -15px;
	display: inline-block;
  border-bottom: 1px dashed #00a2ab;
}

.element_agenda_principal p {
	font-size: 1em;
	bottom: 0px;
	margin-top: 15px;
}
.element_agenda_principal img {

	z-index: 1;
}
.image_actu {
	position: relative;
}
.element_agenda .categorie{
	background-color: black;
	color: white;
	padding: 2px 9px;
	border: 1px solid white;
}
.element_agenda_principal .categorie{
	background-color: black;
	color: white;
	padding: 2px 9px;
	border: 1px solid white;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
}
/** ET AUSSI **/
.element_aussi_principal .image_aussi {
	position: relative;
	margin-bottom: 10px;
}
.element_aussi .image_aussi {
	position: relative;
}
.element_aussi {
	font-size: 1em;
	margin-bottom: 30px;
	display: inline-block;
}
.element_aussi h3 {
	margin-bottom: 10px;
	font-size: 1.5em;
}
.element_aussi_principal h3 {
	font-size: 1.5em;
}
.element_aussi h3:hover {
	text-decoration: underline;
}
.element_aussi_principal h3:hover {
	text-decoration: underline;
}
.element_aussi_principal {
	font-size: 1em;
	margin-top: -15px;
	display: inline-block;
}
.element_aussi_principal p {
	font-size: 1em;
}
.element_aussi p {
	font-size: 1em;
	margin-bottom: 50px;
}
.element_aussi img {
	float: left;
	margin-right: 15px;
}
.element_aussi_principal img {
	float: none;
}
.element_aussi .categorie {
	background-color: #e1dfd9;
	color: black;
	padding: 2px 9px;
	border: 1px solid white;	
	position: absolute;
	bottom: -101px;
	left: 0px;
}
.element_aussi_principal .categorie {
	background-color: #e1dfd9;
	color: black;
	padding: 2px 9px;
	border: 1px solid white;	
	position: absolute;
	bottom: 0;
	left: 0px;
}
/** FIL INFO **/
.image_fil {
	position: relative;
}
.fil_info_precedent {
	display: inline;
	padding-top: 5px;
	
}
.fil_info_precedent:hover {
	background-color: #E1DFD9;
	box-shadow: 1px 2px 4px grey;
	border-radius: 3px;
	
}
.fil_info_suivant {
	display: inline;
	padding-top: 5px;
}
.fil_info_suivant:hover {
	background-color: #E1DFD9;
	box-shadow: 1px 2px 4px grey;
	border-radius: 3px;
}
.element_fd_info {
	display: block;
	background: url('/typo3conf/ext/e_tca_extented/res/template/images/fond_info.png') no-repeat scroll top left transparent;
	width: 715px;
	height: 188px;
	position: relative;
}
.image_fil .categorie{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #e1dfd9;
	color: black;
	padding: 3px 9px;
	border: 1px solid white;
}
.titre_spe {
	position: absolute;
	right: 61px;
	top: -34px;
}
.bloc_blanc .element_info h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
	color: #5c5149;
	font-weight: bold;
}
.element_info h3:hover {
	text-decoration: underline;
}
.element_info h3{
	height: 2.083em;
}
.element_info {
	float: left;
	width: 15.75em;
	margin-right: 49px;
	list-style:none;
}
.element_fd_info ul {
	margin: 0px;
}
.element_info p {
	margin-top: 10px;
}
.element_info-sep {
	float: left;
	padding: 0px 22px;
}
/** PROJET**/
.image_projet {
	position: relative;
}
.bloc_blanc h3:hover {
	text-decoration: underline;
}
.image_projet span{
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #e1dfd9;
	font-size: 1em;
	color: black;
	padding: 3px 9px;
	border: 1px solid white;
}
/** DOSSIER **/
.image_dossier {
	position: relative;
}
.element_moitie p {
	margin-top: 10px;
}
.image_dossier span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #e1dfd9;
	font-size:1em;
	color: black;
	padding: 3px 9px;
	border: 1px solid white;
}
/** WEB TV **/
.element_web_principal {
	font-weight: bold;
	font-size: 1em;
}
.element_web_principal img {
	margin-bottom: 18px;
}
.element_web {
	float: left;
	margin-bottom: 5px;
}
.element_web_mil {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}
/** MAGAZINE **/
.element_mag img {
	float: left;
	margin-right: 20px;
}
.element_mag .categorie {
	background-color: #e1dfd9;
	color: black;
	padding: 2px 9px;
	border: 1px solid white;
	font-size: 0.75em;
}
.element_mag h3 {
	font-size: 0.94em;
	margin-bottom: 0px;
	margin-top: 15px;
}
.tmp .element_plus {
	display: block;
	float: left;
	height: 26px;
	background: url('../../images/barre_plus.png') no-repeat scroll top left transparent;
	padding-top: 15px;
}
/** BLOC MARRON **/
.bloc_marron {
	border: 1px solid #ffffff;
	background-color: #3e342d ;
	color: #ffffff;
	padding: 15px 20px;
}
.bloc_marron a:hover {
	text-decoration: underline;
}
.bloc_marron .element_plus a {
	color: #b9b1a9;
	font-family: Verdana;
}
.bloc_marron .element_plus {
	height: 41px;
	background: url("../../images/fond_plus.png") no-repeat scroll left #3e342d ;
	padding-top: 23px;
}
#colonne_droite .bloc_marron h2.entete {
	font-family: 'TheSansExtraBold';
	font-size: 2.085em;
	margin-bottom: 15px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	background: none;
}
.bloc_marron ul li {
	list-style-image: url("../../images/puce_marron.png");
	margin-bottom: 1px;
}
.bloc_marron ul li a {
	text-decoration: none;
	color: #ffffff;
	font-family: Verdana;
}
.bloc_marron ul {
	margin-bottom: 14px;
}
/** BOUTON MODULABLE **/
.moitie_gauche .bouton_modulable {
	padding: 20px 20px 10px 20px;
	border: 1px solid #e0ded9;
	background-color: #ffffff ;
	font-family: 'TheSansLight';
}
.moitie_gauche .bouton_modulable:hover {
	background-color: #E1DFD9 ;
	border: 1px solid white;
	text-decoration:underline;
}
.moitie_gauche .bouton_modulable p {
	font-family: 'TheSansLight';
	font-size: 1.5em;
	line-height: 1;
}
.moitie_gauche .bouton_modulable strong {
	font-family: 'TheSansExtraBold';
	text-transform: uppercase;
	font-weight: normal;
}
.moitie_gauche .bouton_modulable a,
.moitie_gauche .bouton_modulable a:link,
.moitie_gauche .bouton_modulable a:visited {
	text-decoration: none; 
	color:#333333;
}
.moitie_gauche .bouton_modulable img {
	float: left;
	margin-right: 26px;
	margin-top: 10px;
}
.moitie_droite .bouton_modulable {
	padding: 20px 20px 10px 20px;
	border: 1px solid #e0ded9;
	background-color: #ffffff ;
	font-family: 'TheSansLight';
}
.moitie_droite .bouton_modulable:hover {
	background-color: #E1DFD9 ;
	border: 1px solid white;
	text-decoration:underline;
}
.moitie_droite .bouton_modulable p {
	font-family: 'TheSansLight';
	font-size: 1.5em;
	line-height: 1;
}
.moitie_droite .bouton_modulable strong {
	font-family: 'TheSansExtraBold';
	text-transform: uppercase;
	font-weight: normal;
}
.moitie_droite .bouton_modulable a,
.moitie_droite .bouton_modulable a:link,
.moitie_droite .bouton_modulable a:visited{
	text-decoration: none;
	color:#333333;
}
.moitie_droite .bouton_modulable img {
	float: left;
	margin-right: 26px;
	margin-top: 10px;
}
.catego {
	background-color: #e1dfd9;
	color: black;
	padding: 3px 7px;
	border: 1px solid white;
	display: inline;
}
.moitie_droite .bloc_blanc h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 17px;
}
.moitie_gauche .bloc_blanc h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 17px;
}
#contenu_principal h3 {
	margin-top:0px;
}
/***** DIV RUGBY *****/
.rugby_compte_rebours, .basket_compte_rebours {
	width:298px;
	height:165px;
	padding: 10px 20px 20px;
	border:1px solid #E0DED9;
	background-image:url("/fileadmin/user_upload/petit_fond_rugby.png");
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.rugby_compte_rebours h2,.basket_compte_rebours h2 {
	color:black;
	font-size:1.55em;
}
#compte_a_rebours, #compte_a_rebours_basket{
	font-size:2.65em;
	color:black;
	font-weight:bold;
	margin:10px 0 0 0;
}
#compte_a_rebours span {
	font-size:0.65em;
}
.center_date {
	margin-top:30px;
}

.basket_compte_rebours {
	background-image:url("/fileadmin/user_upload/petit_fond_basket.png");
}

/***** DIV tdf *****/
.tdf_compte_rebours {
	width:298px;
	height:140px;
	padding: 15px 20px;
	border:1px solid #E0DED9;
	background-image:url("/fileadmin/user_upload/petit_fond_tdf.png");
	background-repeat:no-repeat;
	margin-bottom:20px;
}
.tdf_compte_rebours h2 {
	color:black;
	font-size:2em;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-family: "TheSansExtraBold";
  font-weight: normal;
  margin-bottom: 5px;
  text-transform: uppercase;
  padding: 0 0 7px;
}
.tdf_compte_rebours h3{
  font-size:1.5em;
  font-family: "Arial";
  font-weight: bold;
  margin-bottom: 0;
}
.tdf_compte_rebours h3 a{
  color: #5c5149;
  text-decoration: none;

}
.tdf_compte_rebours h3:hover{
  color: #5c5149;
  text-decoration: underline;

}

#compte_a_rebours{
	font-size:3.5em;
	color:white;
	font-weight:bold;
	margin:10px 0 0 0;
}
#compte_a_rebours span {
	font-size:0.65em;
}
.center_date {
	margin-top:15px;
}

/* Photo de mer */
/* Concours */
.exergue {
    background: #efeeea none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 20px;
    width:80% !important;
    margin: 20px 0 20px 35px !important;
}
.exergue p {
    padding:0;
}
#concoursvilledevannes input[type="submit"] {
    float:none !important;
    background-color: #009aa3;
    border: 1px solid #009aa3;
}
#concourscollegiens input[type="submit"] {
    float:none !important;
    background-color: #009aa3;
    border: 1px solid #009aa3;
}
#concourslyceens input[type="submit"] {
    float:none !important;
    background-color: #009aa3;
    border: 1px solid #009aa3;
}
.tx-powermail-pi1 legend {
    border-bottom:none;
}
/* Presse */
.tx-felogin-pi1 form input.bouton_ok {
    background-color: #009aa3;
}