/* Styles CSS du site CAPE */

/* ---------------------- STYLES GENERIQUES -------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 0.8em "Arial", helvetica, sans-serif;
	background: #fff;
}

.conteneur_secondaire {
    width: 1000px;
    margin: 0 auto;
	background: url("../images/bleu_degrade.gif") top repeat-x;
	text-align: left;

}
		
div#conteneur {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url("../images/bleu_degrade.gif") top repeat-x;
}
		
div#header {
	height: 68px;
	margin: 0;
	background: #B0D3FF url("../images/bandeau_haut.gif") left top no-repeat;
	text-indent: -3000px;
}

.drapeau_gauche {
	position: relative;
	float:left;
	width: 532px;
	height: 248px;
	margin-left: 0px !important;
	margin-left: 0px;
	background:url("../images/drapeau.gif") no-repeat;
}

.carte_main1 {
	position:relative;
	width:263px;
	height: 250px;
	text-align:right;
	background: url("../images/main_carte_pages.gif") no-repeat;
	margin-left: 736px !important;
	margin-left: 733px;
}

.encart_sport {
	position:absolute;
	width:125px;
	height: 79px;
	text-align:right;
	background: url("../images/encart_rugby.jpg") no-repeat;
	cursor:pointer;
	margin-left: 760px !important;
	margin-left: 229px;
	margin-top: 50px !important;
	visibility:visible;
	z-index: 2;
}

.encart_sport_fr {
	position:absolute;
	width:125px;
	height: 79px;
	text-align:right;
	background: url("../images/logo_coupe_fr.jpg") no-repeat;
	cursor:pointer;
	margin-left: 760px !important;
	margin-left: 229px;
	margin-top: 50px !important;
	visibility:visible;
	z-index: 2;
}

.encart_sport_en {
	position:absolute;
	width:125px;
	height: 79px;
	text-align:right;
	background: url("../images/encart_rugby1.jpg") no-repeat;
	margin-left: 760px !important;
	margin-left: 229px;
	margin-top: 50px !important;
	visibility:visible;
	z-index: 2;
}

.texte_carte {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	text-align:left;
	margin-top: 5px !important;
	margin-left: 20px !important;
	margin-left: 20px;
	color:#2C4A92;
	visibility:visible;
	z-index: 2;
}

.texte_carte1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight:bold;
	text-align:left;
	margin-top: 5px !important;
	margin-left: 10px !important;
	margin-left: 10px;
	color:#ff0000;
	visibility:visible;
	z-index: 2;
}

.encart_tourisme {
	position:absolute;
	width:152px;
	height: 100px;
	text-align:right;
	background: url("../images/tourisme.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_vie {
	position:absolute;
	width:149px;
	height: 100px;
	text-align:right;
	background: url("../images/vie_quotidienne.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_modernisation {
	position:absolute;
	width:150px;
	height: 101px;
	text-align:right;
	background: url("../images/modernisation.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_jeunesse {
	position:absolute;
	width:150px;
	height: 100px;
	text-align:right;
	background: url("../images/jeunesse_sports.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_culture {
	position:absolute;
	width:135px;
	height: 100px;
	text-align:right;
	background: url("../images/culture.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_investir {
	position:absolute;
	width:133px;
	height: 100px;
	text-align:right;
	background: url("../images/investir.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_recherche {
	position:absolute;
	width:129px;
	height: 100px;
	text-align:right;
	background: url("../images/recherche.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.encart_ecologie {
	position:absolute;
	width:150px;
	height: 100px;
	text-align:right;
	background: url("../images/ecologie.jpg") no-repeat;
	margin-left: 755px !important;
	margin-left: 220px;
	margin-top: 15px !important;
	visibility:visible;
	z-index: 2;
}

.version {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight:bold;
	text-align:center;
	color:#003366;
	margin-top: 40px;
	margin-bottom: 40px;
}

.version a, version a:hover {
	text-decoration:none;
	color:#003366;
}

.colonne_gauche {
	float:left;
	width: 150px;
	margin-left: 0px;
	padding-right: 5px;
	text-align:right;
	color:#1C2F7C;
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.5em;
}

.colonne_gauche a {
	text-decoration:none;
}

.colonne_gauche a:hover {
	color:#CC0000;
}

.colonne_milieu {
	float:left;
	width: 540px;
	margin-left: 40px;
	text-align:left;
}

.colonne_milieu a {
	text-decoration:none;
	font-weight:bold;
}

.colonne_milieu a:hover {
	color:#CC0000;
}

.colonne_droite {
	float:left;
	width: 100px;
	margin-left: 70px;
	margin-top: 100px;
	text-align:left;
}

.colonne_droite a {
	text-decoration:none;
	font-weight:bold;
}

.colonne_droite a:hover {
	color:#CC0000;
}

.illustation {
	background:url("../images/illustration.jpg") no-repeat;
	width: 100px;
	height: 64px;
	padding: 2em;
}
.picto_pdf {
	background:url("../images/picto_pdf.gif") no-repeat;
	width: 126px;
	height: 24px;
	padding-left: 2em;
	padding-bottom: 2em;
}

.puce_rouge {
	background:url("../images/puce.gif") no-repeat;
	padding: 0 25px 0 25px;
	margin: 0 5px 0 0px;
	color:#1C2F7C;
	font-weight:bold;
}

.theme_puce_rouge {
	background:url("../images/puce.gif") no-repeat;
	padding: 0 25px 0 25px;
	margin: 0 5px 0 25px;
	color:#1C2F7C;
	font-weight:bold;
}

.theme {
	padding: 10px 25px 10px 25px;
	margin: 0 5px 0 25px;
	color:#1C2F7C;
	font-weight:bold;
}

.puce {
	list-style-type: none;
	background: url("../images/triangle_rouge.gif") no-repeat;
	background-position: 0px 4px; 
	margin: 1em 0 0 0;
	text-indent: 1.5em;
}

div#contenu	{
	padding: 0 50px 0 50px;
	margin: 0 5px 0 10px;
}

div#contenu_page	{
	padding: 0 5px;
	margin: 0 5px;
	background: #B0D3FF;
}
		
.palette_menu {
	width: 678px;
	height: 316px;
	margin-left: 85px !important;
	margin-left: 85px;
	margin-top: 35px !important;
	margin-top: 35px;
	background: #fff url("../images/palette_menu.jpg") left top no-repeat;
}

.intro {
	margin-left: 85px !important;
	margin-left: 90px;
	margin-right: 90px !important;
	margin-right: 120px;
	margin-top: 0px !important;
	margin-top: 0px;
	text-align:justify;
	color:#003366;
	font-weight:bold;
}

.intro a, intro a:hover {
		text-decoration:none;
}
		
p#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 0;
	padding-right: 10px;
	line-height: 30px;
	text-align: center;
	background-color: #FFFFFF;
	color: #003366;
	text-transform:uppercase;
	clear:both;
}

p#tm {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
	padding-right: 10px;
	line-height: 30px;
	text-align: center;
	background-color: #FFFFFF;
	color: #003366;
	clear:both;
}

p#footer a, p#footer a:hover {
		color: #003366;
		text-decoration:none;
		font-weight:bold;
}
		
.grand_titre {
	margin-top: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 3em;
	color:#FFFFFF;
}

.sous_titre {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color:#FFF;
}

.titre_rouge {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#FF0000;
	font-weight:bold;
}

.titre_noir {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000;
	font-weight:bold;
}

.titre_italique {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	font-style:italic;
}


.sommaire {
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration:none;
	color: #fff;
}

.retour {
	position:absolute !important;
	cursor:pointer;
	margin-left: 460px;
	width: 9px;
	height: 9px;
	background: url("../images/top.gif") no-repeat;
}