/*--Design réalisé et codé par Tomtomdu73. Création soumise à un contrat creative commons.
Un fichier psd et xcf sont mis à votre disposition pour retravailler ce design comme bon vous semble



/*----Configuration générale----*/



.mauve {
	color: #900;
	text-align: center;
}

body
{
	width: 1200px;
	margin: auto;
	padding: 0;
	height: 1300px;
	text-align: center;
	background:#76B3EF url("image/fondheader.png") repeat-x top;
}


div#global
{
	position: relative;
	min-height: 100%;
}

div#conteneur
{
	text-align: left ;
	width: 100% ; /*Largeur de la division qui contient l'ensemble de la page*/
	margin: 0 auto; /*Pour centrer correctement les éléments de type block dans la page (comme par exemple les divs)*/
	overflow: auto;
	padding-bottom: 50px;
}



/*----Partie Header= titre----*/



a, img /*Paramètres concernant les liens et les images de la page*/
{
	border: none; /*Suppression des bordures*/
	text-decoration: none; /*Suppression de toutes les décorations éventuelles sur les liens*/
}

div#header
{
	height:135px;/*Largeur de la division header (éviter de modifier^^)*/
}

#logo /*Paramètres du logo*/
{	
	float:left;
	margin-left: 36px;
	margin-top:50px; /* Distance entre le logo et le haut de la page*/
}


/*----Menu horizontal */



div#menuvertical
{
	height:45px;
}

ul.ongletverti
{
	height: 42px;
	margin: 0 ;
	padding:0;
	list-style-type: none ; /*Suppression de tous les effets sur les listes*/
}

ul.ongletverti li
{
	float:left; /*Pour que les listes s'affichent horizontalement*/
	margin-right: 6px;/*Espace entre les onglets*/
	line-height: 15px;/* On définit la hauteur de la ligne d'écriture*/
	height:45px;
	text-align:center;/* Centrage du texte*/
	background: url("image/menuhorizonout.png") no-repeat; /* Image de fond de l'onglet en mode onmouseout*/
}

ul.ongletverti li.active /*Paramètres de l'onglet actif (avec la flèche en-dessous)*/
{
	width:100px;
	display: block;
	float:left;
	font-family: "Minion Pro", Perpetua, sans-serif, serif; /*Choix des polices de caractères*/
	font-weight: bold; /*Mise en gras du contenu de l'onglet*/
	font-size: 20px; /*Taille du texte*/
	color: #3f3f3f;/*Choix de la couleur du texte*/
	background: url("image/menuhorizonactive.png") no-repeat; /*Image de fond de l'onglet lorsqu'il est actif*/
}


ul.ongletverti li a /*Paramètres des autres onglets*/
{
	display: block;
	width:100px;
	font-family: "Minion Pro", Perpetua ,sans-serif, serif;
	font-weight: bold;
	font-size: 17px;
	color: #D4BFFF;
}

ul.ongletverti li a:hover /*Paramètres des autres onglets avec un onmouseover*/
{
	width:100px;
	height: 42px;
	color:#3f3f3f;
	background: url("image/menuhorizonon.png"); /*Image de fond de l'onglet */ 
}


/*----Header Bas----*/



div#headerbas /*Le contenu de la barre bleue*/
{
	height: 100px;
}

div#headerbas .float/*Paramètre pour images*/
{
	float: left;
	margin-right: 8px;/*Marge droite entre images et textes/images*/
	margin-left: 5px; /*Marge gauche entre images et textes/images*/
}

span.text1 /*Paramètre du texte*/
{
	display: block;
	float: left;
	width: 215px;
	height: 84px;
	margin: auto;
	text-align: center; /*On justifie les paragraphes*/
	font-family:  Verdana, sans-serif, serif; /*polices utilisées= Mettez en premier celle que vous souhaitez puis des polices de rechange au cas où l'internaute ne la possède pas*/
	font-size: 13px; /*Taille de la police*/
	color:white;
	font-style: italic;
}

span.text1 a /*paramètre pour les liens*/
{
	text-decoration: none;
	font-family: Constantia, Verdana,  serif;
	color: #2A00FF;
}

span.text1 a:hover /*liens en mode onmouseover*/
{
	font-family: Verdana,  serif;
	color: white;
	background: #76B3EF;
}



/*----Center----*/



div#center
{
	margin-top: 20px;
	position: relative;
	overflow: auto;

}



/*---Contenu de gauche---*/



div#contenu
{
	float: left;
	width: 920px;
	
}
	

div#blockinfo /*Paramètre du block d'information bleu*/
{
	margin-top: 12px;/*Espacement avec la galerie de news*/
	width: 920px;
}

div#titlebleu /*le titre du block*/
{
	height:34px;
	padding-top: 7px;
	padding-left: 14px;
	font-family: "Myriad Pro", Arial, Verdana, serif;
	font-size: 17px;/*Taille du texte*/
	color: white;/*Couleur du texte*/
	background: url("image/infohaut.png") no-repeat;/*Image de fond*/
}

div#contenubleu /*Le contenu*/
{
	padding: 9px;
	width: 920px;
	background: url("image/infofond.png") repeat-y; /*Image de fond de couleur grise que l'on repète tant qu'il le faut en ordonné*/
}

div#contenubleu h4 /*Paramètrage du titre de la news*/
{
	display: inline;
	color:#f638ba;
	text-decoration: overline;
}


div#contenubleu p, div#contenurose p /*Les paragraphes*/
{
	width: 850px;
	margin: 3px;
	text-align: center; /*On justifie les paragraphes*/
	font-family: "Myriad Pro",sans-serif, serif; /*police utilisées*/
	font-size: 16px;
}

span#comment /*Le span commentaire*/
{
	padding-left: 360px;

}

div#contenubleu i /*Le texte en italic*/
{
	font-family: Sans, Verdana, serif;
	font-size: 10px;
}

div#contenubleu a /*paramètre sur les liens*/
{
	color: #96F;
	text-align: center;
}

div#contenubleu a:hover/*Paramètre sur liens en mode onmouseover*/
{
	background: #76B3EF; /*Couleur au passage de la souris*/
	text-align: justify;
	font-style: italic;
	color: #909;
}


div#basbleu/*Le Bas du block*/
{
	height: 62px;
	width: 920px;
	background: url("image/infobas.png") no-repeat;
}


div#blockinfo2 /*Paramètre du block d'information rose*/
{
	margin-top: 12px;/*Espacement avec le block du dessus*/
	width: 920px;
}

div#titlerose /*le titre du block rose*/
{
	text-align: right;
	height: 37px;
	padding-top: 11px;
	padding-right: 10px;
	font-family: "Myriad Pro", Arial, Verdana, serif;
	font-size: 20px;
	color: white;
	background: url("image/infohaut2.png") no-repeat;/*Image de fond*/
}

div#contenurose /*Le contenu du block rose*/
{
	padding: 9px;
	width: 920px;
	font-family: Sans, Verdana, serif;
	background: url("image/infofond2.png") repeat-y; /*Image de fond de couleur grise que l'on repète tant qu'il le faut en ordonné*/
}

div#contenurose img 
{
	margin: 6px;/*Espacement entre les images*/
}


div#contenurose a /*Couleur des liens*/
{
	color:#20c3ff;
}
div#contenurose a:hover/*Paramètre sur liens en mode onmouseover*/
{
	background: #76B3EF;/*Inversion de couleur (très web 2.0^^)*/
	color: white; /*Couleur au passage de la souris*/
	text-align: justify;
	font-style: italic;
}

span#comment2 /*Le span commentaire*/
{
	font-size: 12px;
	font-weight: bold;
	padding-left: 470px;

}

div#basrose/*Le Bas du block rose*/
{
	margin-left: 2px;
	height: 37px;
	background: url("image/infobas2.png") no-repeat;
}

/*----La Sidebar----*/



div#sidebar /*Paramètres généraux de la sidebar*/
{
	   
	float: right;
	text-align: center;
	width: 260px; /*Largeur*/
		
}
	
div#sidebarmilieu /*Paramètre du milieu de la sidebar*/
{
	padding: 7px;
	background: #9191FF;
}

div#sidebarmilieu h5 /*Custumisation de toutes les balises h5*/
{
	border-radius: 10px;
	display: inline;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #2A0055;
	font-family: "Hobo Std";
}

div#sidebarmilieu  a /*Paramètrage des liens*/
{	
	float: left;
	font-family: "Constantia", Sans-serif,  serif ;
	font-size: 14px;
	color: #609;
}

div#sidebarmilieu  a:hover /*Les liens en onmouseover*/
{
	background: #20c3ff; /*Inversion de couleur premier/second plan */
	color: white;
	font-family: "Charlemagne Std";
}


	
	
/*----Pied de page----*/



div#bas
{
	text-align: left;

}
	
div#footer /*Paramètres généraux du footer*/
{
	text-align: center;
	position: absolute;
	height: 160px;/*Hauteur du footer correspondant à la hauteur de l'image de fond*/
	width: 1200px;/*le footer prend toute la largeur de la page*/
	background: url("image/footer.png") repeat-x bottom;/*Image de fond en dégradé que l'on répète en x*/
	color:#fff;
	font-size: 11px;

}

div#footer  span /*Paramètrage des spans*/
{	
	color:  #00FFFF;
	font-size: 13px;
}

div#footer  strong /*Paramètrage des balises strong*/
{	
	color: #FF1FB4;
	font-size: 13px;
}

div#footer  a /*Paramètrage des liens*/
{	
	font-family: "Myriad Pro", Sans-serif,  serif;
	font-size: 14px;
	color: white;
}


div#footer  a:hover /*Les liens en onmouseover*/
{	
	background: #FF1FB4; /*Inversion de couleur premier/second plan */
	color: white;
}
#conteneur #center #contenu #blockinfo #contenubleu table tr th em strong {
	color: #900;
	font-weight: bold;
}
#conteneur #center #contenu #blockinfo #contenubleu table tr th {
	color: #909;
}
#conteneur #center #contenu #blockinfo #contenubleu table tr th {
	color: #900;
}
#conteneur #center #contenu #blockinfo #contenubleu table tr th {
	color: #96F;
}
#conteneur #center #contenu #blockinfo #contenubleu table tr th {
	color: #909;
}
#conteneur #center #sidebar #sidebarmilieu table tr td table tr th .poloce font em strong {
	font-size: 12px;
}
#conteneur #center #contenu #blockinfo2 #contenurose table tr td p .t18 {
	font-size: 18px;
}
#conteneur #center #contenu #blockinfo2 #contenurose table tr td .t18 {
	font-weight: bold;
}