html,body,div,table,tr,td,p,form,input {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

a {
	color:#222;
}

img {
	border:0px;
}

h1 {
	font-size: 12px;
	margin-bottom: 10px;
	color: #000;
}

h3 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h4 {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
}
li
{list-style-type:none;}

/********** début body ************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0;
	padding:0;
	color:#222;
	text-align:center;
	background-color:#d4cee9;
	background-image:url(../images/body_degrade.png);
	background-repeat:repeat-x;
}

/**************** BARRE DE LIENS *******************/

.barre_liens {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:2px;
	text-align:center;
	color:#bbb;
	vertical-align:bottom;
	height:25px;
	padding-bottom:5px;
}

/**************** BARRE DE MENU *******************/

/* BARRE DE MENU */
#barredemenu { width: 798px; height: 30px; margin: 18px auto; float: right; position: relative; top: -70px; right: 0px; z-index: 9998; }
#barredemenu #menu { margin: 0; padding: 0; }
#barredemenu #menu li { display: inline; }
#barredemenu #menu li a { float: left; height: 0; padding-top: 30px; overflow: hidden; }
#barredemenu #menu li a,
#barredemenu #menu { background-image: url(../images/menu.png); background-repeat: no-repeat; }

/* BOUTONS */
#barredemenu #menu li#accueil a { width: 82px; background-position: 0 0; }
#barredemenu #menu li#prestations a { width: 117px; background-position: -82px 0; }
#barredemenu #menu li#infographisme a { width: 120px; background-position: -199px 0; }
#barredemenu #menu li#videom a { width: 74px; background-position: -319px 0; }
#barredemenu #menu li#nosclients a { width: 115px; background-position: -393px 0; }
#barredemenu #menu li#rh a { width: 45px; background-position: -508px 0; }
#barredemenu #menu li#asso a { width: 64px; background-position: -553px 0; }
#barredemenu #menu li#lequipe a { width: 94px; background-position: -617px 0; }
#barredemenu #menu li#contact a { width: 87px; background-position: -711px 0; }

/* BOUTONS SURVOLES */
#barredemenu #menu li#accueil a:hover { background-position: 0 -30px; }
#barredemenu #menu li#prestations a:hover { background-position: -82px -30px; }
#barredemenu #menu li#infographisme a:hover { background-position: -199px -30px; }
#barredemenu #menu li#videom a:hover { background-position: -319px -30px; }
#barredemenu #menu li#nosclients a:hover { background-position: -393px -30px; }
#barredemenu #menu li#rh a:hover { background-position: -508px -30px; }
#barredemenu #menu li#asso a:hover { background-position: -553px -30px; }
#barredemenu #menu li#lequipe a:hover { background-position: -617px -30px; }
#barredemenu #menu li#contact a:hover { background-position: -711px -30px; }

/* BOUTONS CLIQUES */
#barredemenu #menu li#accueil a:focus, a:active { background-position: 0 -60px; }
#barredemenu #menu li#prestations a:focus, a:active { background-position: -82px -60px; }
#barredemenu #menu li#infographisme a:focus, a:active { background-position: -199px -60px; }
#barredemenu #menu li#videom a:focus, a:active { background-position: -319px -60px; }
#barredemenu #menu li#nosclients /*a:focus,*/ a:active { background-position: -393px -60px; }
#barredemenu #menu li#rh a:focus, a:active { background-position: -508px -60px; }
#barredemenu #menu li#asso a:focus, a:active { background-position: -553px -60px; }
#barredemenu #menu li#lequipe a:focus, a:active { background-position: -617px -60px; }
#barredemenu #menu li#contact a:focus, a:active { background-position: -711px -60px; }

/* BOUTONS EN COURS */
#barredemenu #menu li#accueil.en_cours a { background-position: 0 -30px; cursor: default; }
#barredemenu #menu li#prestations.en_cours a { background-position: -82px -30px; }
#barredemenu #menu li#infographisme.en_cours a { background-position: -199px -30px; }
#barredemenu #menu li#videom.en_cours a { background-position: -319px -30px; }
#barredemenu #menu li#nosclients.en_cours a { background-position: -393px -30px; }
#barredemenu #menu li#rh.en_cours a { background-position: -508px -30px; }
#barredemenu #menu li#asso.en_cours a { background-position: -553px -30px; }
#barredemenu #menu li#lequipe.en_cours a { background-position: -617px -30px; }
#barredemenu #menu li#contact.en_cours a { background-position: -711px -30px; }

/********* FIN BARRE DE MENU **************/

/********* PHOTO SIGNATURE JEGOU **************/

.signature img {
	float:right;

}

/********* BARRE VIDEO PAGE D'ACCUEIL **************/

.video_accueil {
	background-image:url(../images/fond_video_accueil.png);
}

/****************  DIVERS  *******************************/

.titre {
	float: left;
	width: 1024px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color: #0066FF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #F8D927;
	height: 30px;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
}
.texte_index {
	color: #222;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	text-align:justify;
	height: 100%;
	width: 100%;
	margin-left: 0px;
}
.texte_doc {
	color: #0066FF;
	font-size: 18px;
	font-weight: bold;
}
.vignettes {
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.affiche {
display:inline-block;float:left;height:380px;font-size:14px;width:190px;margin-right:5px;
}
.affiche-double {
	display:inline-block;
	float: left;
	width: 374px;
	height: 380px;
}
.pdf {
	font-size: 10px;
	font-style: italic;
}
#doc {
	background-image: url(../images/casque-jaune.png);
	background-repeat: no-repeat;
	background-position: right 40px;
	margin-left:0px;
	height: 100%;
	float: left;
	text-align:left;
}
#rh_page {
	margin-left:0px;
	height:100%;
	float:left;
	text-align:left;
}
.article {
	float: left;
	padding-left: 5px;
	margin-left: 50px;
	width: 924px;
	height: 100%;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
.article_duree {
	color:#993333;
}
.article_date {
	margin-left: 50px;
	font-weight:500;
}
.tel {
	color: #0066FF;
	font-size: 24px;
	font-weight: bold;
}
.article_infographie {
	float: left;
	margin-left: 50px;
	width: 800px;
	height: 100%;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.liste1
{
float:left;display:inline-block;width:45%;
text-align:center;margin-bottom:20px;
font-size:12px}

.legende
{
	/*display:none;*/
	position:relative;
	background-color:#CCC;
	width:100px;
	height:80px;
	font-size:8px;
	top:0px;
	z-index:2;
	text-align:center
	}

.legendeCG
{
	/*display:none;*/
	padding:4px;
	position:relative;
	background-color:#CCC;
	width:192px;
	height:80px;
	font-size:8px;
	top:0px;
	z-index:2;
	text-align:center
	}


.icone_video
{
	display:inline-block;
	float:left;
	margin:5px;
	background-color:white;
	padding:10px;
	text-align:center;
}

li.icone_video a:hover
{
background-color:-moz-linear-gradient(center bottom, #dacdb1 11%, #f0e8d8 56%);  	
}

.bouton_bleu
{
display:block; 
width :80px;
height:auto; 
background-color:#11BCEE;
text-align:center;
vertical-align:bottom;
text-decoration:none;
text-transform:uppercase;
border-bottom : solid 1px #2CB6D8;
border-right:solid 1px #B8DEF1;
border-top:solid 1px white;
	padding:4px;
}

.bouton_bleu:hover
{
background-color:#62D948;
border : solid 1px #2BA239;
}

.bouton_retour
{
display:block; 
width :40%;
height:auto; 
background-color:#11BCEE;
text-align:center;
vertical-align:bottom;
text-decoration:none;
text-transform:uppercase;
border-bottom : solid 1px #2CB6D8;
border-right:solid 1px #B8DEF1;
border-top:solid 1px white;
	padding:4px;
}



#videos_grandformat
{
width:700px; height:440px; background-color:#FFF;  margin-left:auto;margin-right:auto;padding-top:5px;
}

/* ----------------------------- structure -------------------------------------*/

#entete
{
	width:1024px;
margin-left:auto;
margin-right:auto;	
}

#corps
{
	width:1024px;
margin-left:auto;
margin-right:auto;	
}

#pied
{
	width:1024px;
margin-left:auto;
margin-right:auto;	
}