body {
background:url(images/argent_fond.png);
margin:0;
padding:0;
font:Trebuchet MS;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#index{
	width: 980px;
	margin: auto;
}

a{
text-decoration:none;
color:#FFFFFF;}

#logo{
background:url(images/logos.png) no-repeat;
width:663px;
height:75px;
margin:0 0 0 0;
}

#actu_absolue{
	position:absolute;
	background:url(images/absol.png) no-repeat;
	width:118px;
	height:290px;
	left: 50%;
	margin:380px 0 0 200px;
	padding:75px 20px 0 20px;
	z-index:2;
}
#actu_absolue h1{
font-size:13px;
color:#545454;
margin:0;}

#actu_absolue p{
font-size:10px;
color:#FFFFFF;
margin:3px 0 10px 0;}

#actu_absolue a{
font-size:10px;
color:#545454;
display:block;
margin:2px 0 0 0;
font-weight: bold;
}


#img_fond_haut{
	position:absolute;
	background:url(images/image_arab1.png) no-repeat;
	width:461px;
	height:427px;
	left:0;
	top: 0;
	z-index:0;
}


#img_fond_bas{
	position:fixed;
	background:url(images/img_arab2.png) no-repeat;
	width:367px;
	height:284px;
	right:0;
	bottom:0;
}

#principal {
position:absolute;
left:50%;
margin:0 0 0 -490px;
width:980px;
z-index:1;
}

#principal a.accueil{
	display: block;
	text-align:center;
	text-decoration:none;
}

#principal a.accueil:hover{	
	text-decoration:underline;
}

#bandeau{
background:url(images/principal.png) no-repeat;
width:980px;
height:580px;
margin:10px 0 0 0;}

#bandeau_qui{
background:url(images/principal.png) no-repeat;
width:980px;
height:580px;
margin:10px 0 0 0;}


#contenu{
background: url(images/tranchrepet.png) repeat-y;
width:928px;
height:auto;
padding:0 0 0 52px;
}


#contenu_qui{
background:url(images/images/VOIXGREGaccactu_03.png);
width:928px;
height:301px;
padding:0 0 0 52px;
}

#demo{
background:url(images/demo.png) no-repeat;
width:55px;
height:177px;
float:left;
}

#demo_logo{
float:left;
}

#footer{
	width:980px;
	height:30px;
	background: url(images/footer.png) no-repeat bottom;
	padding:115px 0 0 0;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
}

#menu{
width:145px;
height:444px;
padding:115px 40px 0 0;
float:left;}

#menu a{
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
*/	font-size: 17px;
	color:#FFFFFF;
	background-image: url(images/VOIXGREG_tranch_princ_09.png);
	background-repeat: no-repeat;
	display:block;
	height:22px;
	background-position:right;
	text-align:right;
	padding:0 35px 0 0;
	line-height:22px;
	margin-top:20px;
}

#menu a:hover{
/*	font-family: Verdana, Arial, Helvetica, sans-serif;
*/	font-size: 17px;
	color:#767676;
	background-image:url(images/VOIXGREG_tranch_princ_over.png);
	background-repeat: no-repeat;
	display:block;
	height:22px;
	background-position:right;
	text-align:right;
	padding:0 35px 0 0;
	line-height:22px;
	margin-top:20px;
}

#accueil{
	width:735px;
	height:168px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;
	background-image: url(images/accueil.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}
#accueil_actu{
	width:735px;
	height:168px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;
	background-image:url(images/VOIXGREGaccactu_03.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}



#accueil_contact{
	width:735px;
	height:168px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;
	background-image:url(images/contact.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}

#accueil_integ{
	width:735px;
	height:168px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;
	background-image:url(images/miseajour.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}

#accueil_demos{
	width:735px;
	height:70px;
	margin:346px 0 0 0;
	padding:65px 0 0 45px;
	float:left;
	background-image:url(images/demos.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}

#qui{
	width:679px;
	height:168px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;
	background-image:url(images/qui.png);
	background-repeat: no-repeat;
	background-position: 37px top;
}

#accueil h1{
color:#545454;
font-size:25px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil p{
color:#545454;
margin:10px 390px 0 0;
font-size:13px;
}

#accueil_contact h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil_contact p{
color:#545454;
margin:10px 300px 0 0;
font-size:13px;

}

#accueil_integ h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil_integ p{
color:#545454;
margin:10px 300px 0 0;
font-size:13px;

}


#accueil_demos h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil_demos p{
color:#545454;
margin:10px 390px 20px 0;
font-size:13px;
}


#accueil_actu h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil_actu p{
color:#545454;
margin:10px 390px 0 0;
font-size:13px;
}

#qui h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#qui p{
color:#545454;
margin:10px 390px 0 0;
font-size:13px;

}





#contenu_actu{
width:600px;
padding:0;
margin:0;
float:left;}

.micro{
	float:left;
}

#contenu_micro{
	width:778px;
	height:auto;
	padding:0 0 50px 202px;
	background-image: url(images/micro_06.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}




#contenu_actu_greg{
padding:0 200px 40px 0;
margin:0 0 0 250px;}

#contenu_actu a{
color:#990000;}

#contenu_actu_greg a{
color:#990000;}

#contenu_formulaire{
padding:0 200px 40px 0;
margin:0 0 0 193px;}

#contenu_formulaire p{
color:#000000;
font-size:12px;
margin:40px 0 0 0;}


#contenu_formulaire a{
color:#990000;
}

#contenu_actu h1{
font-size:16px;
color:#751113;
margin:0;
}

#contenu_actu p{
	margin:0 0 0 193px;
	font-size:12px;
	color:#545454;
	margin:10px 0 10px 0;
}

#contenu_actu_greg h1{
font-size:16px;
color:#751113;
margin:0;
}

#contenu_actu_greg p{
	margin:0 0 0 193px;
	font-size:12px;
	color:#545454;
	margin:10px 0 10px 0;
}



.marge{
margin:0 15px 0 0;}



/*css formulaire*/
.retour{
clear:both;
}

#monform{
width:500px;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
*/font-size:11px;
}

#monform fieldset{
margin:0 0 10px 0;
border:#990000 solid 1px;
padding:15px 0 25px 25px;}


/*#monform fieldset:hover{
background-color:#CCCCCC;
}*/

#monform fieldset legend{
color:#990000;
font-size:14px;
}

#monform label{
display:block;
margin:3px 2px 0 0;
width:170px;
float:left;
padding:0 2px 0 0;
text-align:left;
letter-spacing:1px;
line-height:20px;
}

#monform label:hover{
font-weight:bold;
letter-spacing:normal;
}

#monform input, #monform select{
font-size:12px;
margin:3px 2px 0 0;
padding:0;
width:250px;
border:#999999 1px solid;
height:18px;
}

#monform textarea {
width: 250px;
}

#monform input:hover, #monform select:hover, #monform input:focus, #monform select:focus{
	border:#000066 1px solid;
	background-color:#CCCCCC;
}

#monform .btn{
margin:0;
padding:0;
width:18px;
height:18px;
}

#monform input[type=submit] {
width: 130px;
margin: auto;
display: block;
margin-top: 10px;
height: 30px;
line-height: 30px;
}




#contenu_demo{
padding:0 0 0 170px;
}

#contenu_demo h1{
width:600px;
	font-size:20px;
	color:#333333;
	margin:0px 0 25px 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color:#999999;
	line-height:33px;
}

.demos{
margin:0 2px 10px 2px;
}

.player{
margin:0;
float:left;
padding:0 0 10px 0;}



.logos_img{
margin:50px 0 50px 0;}


.demo_player{
width:200px;
height:67px;
float:left;
margin:0 10px 10px 0;
}


.demo_player h2{
font-size:16px;
margin:5px 0 5px 0;
color:#FFFFFF;
}


.img_player{
margin:0 10px 10px 10px;
float:left;
}


.demo_logo h2{
font-size:16px;
margin:8px 0 5px 0;
color:#FFFFFF;
}

#demo_logo h1{
width:400px;
	font-size:20px;
	color:#333333;
	margin:10px 0 25px 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color:#999999;
	line-height:33px;
}


#demo_logo{
width:514px;
height:136px;
padding:0 0 0 73px;
}

#demo_logo a{
font-size:11px;
color:#333333;
}

#accueil_mention{
	width:735px;
	height:70px;
	margin:346px 0 0 0;
	padding:65px 0 0 60px;
	float:left;

}

#accueil_mention h1{
color:#545454;
font-size:30px;
font-style:normal;
font-weight:normal;
margin:0}

#accueil_mention p{
color:#545454;
margin:10px 300px 0 0;
font-size:13px;

}
#contenu_mention{
padding:30px 110px 30px 30px}

#contenu_mention h1{
color:#333333;
font-size:18px;}

#contenu_mention p{
color:#666666;
font-size:12px;}