@import "layout.css";

/* design des infobulles de la page team 
---------------------------------------------------*/
.infobulle_Rouge{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: red;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Orange{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: orange;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Violet{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: #ff00ff;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}
.infobulle_Bleu{
	position: absolute;   
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
	background-color: #6666ff;
	/* baisser l'opacité sur tout les navigateurs */
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opacity=70);
}

/* Valeurs par default
================================================================*/
*{ margin:0; padding:0; list-style:none}

body {
	font: 63.5% Tahoma, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background:url("../img/fond.jpg");
	color: #000000;
}
a {text-decoration:none; color:#FFFFFF}
a:hover { color:#bbb; text-decoration:underline}
a img{border: 0}



/* Contenu de content
----------------------------*/

/* news */
.news_titre {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:60px;
	color:#C31255;
}
.news_date{
	font-size:0.9em;
	color:#C31255;
}
.news_comm{
	font-weight:bold;
}
.comm_champ{
	width : 200px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font-size : 0.8em;
}
.comm_textarea{
	width : 200px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font : Tahoma;
	font-size : 1.2em;
}
.comm_mdp{
	width : 50px;
	margin : 0 0 0 0;
	border : 1px solid #000000;
	font-size : 1em;
}





/* Contenu de sidebar
------------------------------------------------------------------------------*/
#sidebar h2{
	font-size:1.2em;
	text-align:center;
	padding:20px 0 15px;
}
#sidebar ul{ font-size:1.1em; padding: 0 0 10px 30px; line-height:16px;list-style-type : none;}
#nav, #nav a, .blue, .blue a{color: #000000;}
#infos, #infos a, .pink, .pink a{color: #000000;}
#multi, #multi a, .vert, .vert a{color: #000000;}


#sidebar2 h2{
	font-size:1.2em;
	text-align:center;
	padding:20px 0 15px
}
#sidebar2 ul{ font-size:1.1em; padding: 0 30px 10px 30px; line-height:16px;list-style-type : none;}
#nav, #nav a, .blue, .blue a{color: #000000;}
#infos, #infos a, .pink, .pink a{color: #000000;}
#multi, #multi a, .vert, .vert a{color: #000000;}


/* Contenu de footer
------------------------------------------------------------------------------*/
#footer{ line-height:12px;}
#footer a{ text-transform:uppercase; letter-spacing:1px; font-weight:bold}

/* Style ajouté a la suite ^^ 
------------------------------------------------------------------------------*/
.series {
	background : url("../img/cadre.png") no-repeat;
	height : 185px;
	width : 126px;
	text-align : center;
	vertical-align : top;
}
.series .img_series {
	margin-top : 12px;
	height : 160px;
	width : 100px;
}
.rlz {
	background : url("../img/cadre_rlz.png") no-repeat;
	height : 158px;
	width : 118px;
	text-align : center;
	vertical-align : top;
}
.rlz .img_rlz {
	margin-top : 12px;
	height : 133px;
	width : 92px;
}

.cpt {
	background : url("../img/cpt.png") no-repeat;
	width : 140px;
	height : 75px;
	margin-left : 15px;
	
}
.cpt table {
	margin-top : 1px;
	margin-left : 6px;
	color : black;
}
table {
	border-width : 0px; 
	border-color : black;
	border-style : dashed;
}
.tablo_ep {
	border-width : 1px; 
	background-color : #ffeeff;
	width : 500px;
}
.tablo_ep_petit {
	border-width : 1px; 
	background-color : #ffeeff;
	width : 200px;
}
.num_page {
	font-size : 1.2em;
}
.num_page a {
	font-size : 1.4em;
}
.cadre_team{
	border-width : 1px; 
	background-color : #ffeeff;
	width : 350px;
	padding-top : 5px;
	padding-bottom : 5px;
}
.tutos ul {
	list-style-position : inside;
	list-style-type : disc;
}
.tutos li {
	list-style-position : inside;
	list-style-type : disc;
	padding-left : 20px;
}
.tutos .cadre_tutos {
	border-width : 1px;
	background-color : #F9D8B7;
	margin-left : 30px;
	padding : 5px 10px 10px 5px;
}
.retraite {
	border-width : 1px; 
	border-color : black;
	border-style : dashed;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color : #ffeeff;
	width : 350px;
	padding-top : 5px;
	padding-bottom : 5px;
}
.retraite_2 {
	border-width : 1px; 
	border-color : black;
	border-style : dashed;
	visibility:hidden;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

	background-color : #ffeeff;
	width : 350px;
	height:200px;
	padding-top : 5px;
	padding-bottom : 5px;
}