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

body {
	background-color:#FFFFFF;
	text-align:center;
	margin: 0px;
	height: 100px;
	width: 550px;
}

body,td,th {
	font-family: Candy Round BTN;
}
.Style12 {color: #333333; font-weight: bold; font-size: 18px; }

.Style1 {
	font-size: 24px
}
.Style6 {font-size: 16px
}

/*********************************************** contener ********************************************/

#contener {
	width:1000px;
	height:980px;
	background-repeat: no-repeat;
	text-align: left;
	border: medium inset #CA5CCC;
	overflow: auto;
	float: none;
	background-image: url(index3_vlogo.jpg);
	background-color: #CCCCCC;
	position: relative;
	left: auto;
	right: auto;
	}
	
	#contener2 {
	width:1000px;
	height:980px;
	overflow:auto;
	background-image: url(index3_vlogo_clair.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D8209C;
	border-right-color: #D8209C;
	border-bottom-color: #D8209C;
	border-left-color: #D8209C;
	background-color: #FFFFFF;
	position: relative;
	left: auto;
	right: auto;
	}
	
	#contenertv {
	position:relative;
	width:1000px;
	height:980px;
	overflow:auto;
	z-index:1;
	background-image: url(index3_vlogo_clair_tv.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	float: none;
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #D8209C;
	border-right-color: #D8209C;
	border-bottom-color: #D8209C;
	border-left-color: #D8209C;
	}

	
	
/*********************************************** menu ********************************************/
	
#div_menu_1 {
	position:absolute;
	left:350px;
	float:left;
	margin-top:0px;
	width:450px;
	height:1px;
	top: 660px;
	}
#div_text_bando {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #FFFFFF;
	height: 600px;
	width: 230px;
	left: 60px;
	text-align: left;
	top: 274px;
	position: absolute;
	float: left;
}

#div_btn_tv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #FFFFFF;
	height: 300px;
	width: 55px;
	text-align: left;
	z-index: 2;
	top: 200px;
	position: absolute;
}

	#div_ecran_tv {
	font-size: 36px;
	font-weight: bolder;
	color: #FFFFFF;
	height: 330px;
	width: 430px;
	left: 95px;
	text-align: left;
	z-index: 2;
	top: 200px;
	position: absolute;
}
#div_footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5A195E;
	height: 30px;
	width: 310px;
	left: 30px;
	top: 950px;
	position: absolute;
	font-style: normal;
}
#logo_haut {
	height: 247px;
	width: 344px;
	text-decoration: none;
	left: 0px;
	top: 0px;
	float: none;
}

#plansite {
	height: 25px;
	width: 150px;
	float: left;
	color: #5A195E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

	




/********************************************* centre *********************************************/

#div_texte_central {
	position:absolute;
	left:380px;
	float:left;
	margin-top:0px;
	width:450px;
	height:200px;
	top: 270px;
	}
	

#kisuije {
	float: left;
	height: 40px;
	width: 230px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

#presentation {
	float: left;
	height: 40px;
	width: 230px;
}

#mes_services {
	float: left;
	height: 40px;
	width: 230px;
}
#realisations {
	float: left;
	height: 40px;
	width: 230px;
}
#presse {
	float: left;
	height: 40px;
	width: 230px;
}

#btnliens {
	float: left;
	height: 40px;
	width: 230px;
}

#btn_accueil {
	float: left;
	height: 100px;
	width: 230px;
	left: 20px;
}

#contact {
	float: left;
	height: 70px;
	width: 230px;
	left: 20px;
}
#mentions {
	height: 25px;
	width: 150px;
	float: left;
	color: #5A195E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: center;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}

#btntv {
	float: left;
	height: 60px;
	width: 50px;
	background-repeat: no-repeat;
}	
/********************************************* style des textes *********************************************/

.texte_classic_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#titre1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	height: 35px;
	width: 200px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
#titre2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	width: 200px;
	left: -13px;
	top: -242px;
	float: left;
}


.texte_index_blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color: #FFFFFF;
}
.mauve_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color: #990066;
	height: 50px;
}

.texte1_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	float: left;
	height: 55px;
	width: 250px;
}
.texte1_blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 26px;
}

.texte2_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
	height: 35px;
	width: 200px;
	float: left;
}
/********************************************* liens *********************************************/
.lientitreblanc:active
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lientitreblanc:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.lientitreblanc:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 20px;
	font-weight: bold;
	color:#FFFF99;
	text-decoration:none;
}
.lientitreblanc:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}

.lienfooter1:active
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF00FF;
	text-decoration:none;
}
.lienfooter1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF0099;
	text-decoration:none;
}
.lienfooter1:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF00FF;
	text-decoration:none;
}
.lienfooter1:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFF66;
	text-decoration:none;
}

.lienfooter:active
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF00FF;
	text-decoration:none;
}
.lienfooter:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFF99;
	text-decoration:none;
}
.lienfooter:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FF00FF;
	text-decoration:none;
}
.lienfooter:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFF66;
	text-decoration:none;
}


.lienrose:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FF00FF;
	text-decoration:none;
}
.lienrose:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#CF91B2;
	text-decoration:none;
}
.lienrose:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#CF91B2;
	text-decoration:none;
}
.lienrose:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#AD7A95;
	text-decoration:underline;
}

.liennoir:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.liennoir:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.liennoir:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
.liennoir:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:underline;
}
.contenu {
	float: right;
	height: 620px;
	width: 650px;
	text-align: left;
	margin-right: 15px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	top: 280px;
	position: relative;
}
#contenu_realisation {
	height: 500px;
	width: 650px;
	float: right;
	margin-right: 25px;
	top: 40px;
	position: relative;
}
#scroller {
	height: 100px;
	width: 550px;
	left: 380px;
	z-index: 1;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.Style9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.Style11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}