/*styles généraux  ********************/

html{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
margin: 0px;
padding: 0px;
height:100%;
	font-family: 'Bitsream Vera Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
/*	background-color: #EFD; */
	font-size: 0.8em;
	background:#FFF url(../images/bodybg.jpg) ; 
}

.txtsize{font-size:8pt} .txtsize6{font-size:6pt} .txtsize7{font-size:7pt} .txtsize8{font-size:8pt} .txtsize9{font-size:9pt} .txtsize10{font-size:10pt} .txtsize11{font-size:11pt} .txtsize12{font-size:12pt} .txtsize13{font-size:13pt} .txtsize14{font-size:14pt} .txtsize15{font-size:15pt} .txtsize16{font-size:16pt} .txtsize17{font-size:17pt} .txtsize18{font-size:18pt} .txtsize19{font-size:19pt} .txtsize20{font-size:20pt} .txtsize21{font-size:21pt} .txtsize22{font-size:22pt} .txtsize23{font-size:23pt} .txtsize24{font-size:24pt} .txtsize25{font-size:25pt} .txtsize26{font-size:26pt} .txtsize27{font-size:27pt} .txtsize28{font-size:28pt} .txtsize29{font-size:29pt} .txtsize30{font-size:30pt}


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td ,img {
margin: 0px;
padding: 0px;
border: none;
}


h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h4{
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}

h5{
	font-size: 1.4em;
	margin: 0;
	padding: 0;

}
p {
	margin: 2px;
	padding:  5px 0px ;
}
.clear {
clear: both;
}
.clearl {
clear: left;
}
.clearr {
clear: right;
}
a {
	color:#8F8777;
	text-decoration: none;
}

a:visited {
	color:#8F8777;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color:#fafafa;}
	
a:focus
{
outline:0;
} 	


/*fin des /*styles généraux  ********************/


.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 900px;
margin: 0 auto;
padding: 0 ;
background-image:url("../images/microcontroleur.jpg");
background-repeat: repeat-x;
background-position:left top;
/* background-image:url("../images/fond.jpg");
background-position:left top;
background-repeat: repeat; */
}


.frame {
height: 600px;
margin: 10px 0px ;
background-color: transparent;
/* background-color:#FCFCFC; 
overflow: hidden; */
}

.partner img {
border: 1px solid #121212;
}

#actxt {
float:right;
width: 500px;
margin: 60px 70px ;
color: white;
}

#acphoto {
float:left;
}

.scroldiv {
height: 100%;
overflow-y: scroll;
}

#orange{
width: 700px;
float:left;
font-size: 1.12em;
}

.header  { 
height: 80px;
 
}

.menugauche {
float:left;
left:0;
width: 180px;
height: 600px;
background-color: transparent;
/* background-color:#8AEA1A; */
list-style-type: none;
margin: 0;
padding:0;
overflow: hidden;
}
 /* concerne les titres du menus */

ul {   /* corrige le pb de décalage entre IE et FireFox */
list-style-position: inside;
margin-left: 0;
padding-left: 20px;
}

#menulist {
margin: 40px 2px;
/*width: 125px; /* largeur des sous menus */
}

#menulist li
{
display: inline;
/* for IE5 and IE6 */
float:left;
width:125px ; /* largeur des titres niveau 2 */

}
.smenu p {    /* concerne les titres du menus */
font-weight: bold;
color: #EEEEEE ;
}

.smenu1 {    /* concerne les titres du menus */

width:145px ; /* largeur des titres niveau 1 */

}

#menulist li.smenu1 {      /* concerne les titres du menus */ 
float:left;
padding: 0em 0px 0em 0px;
/*background: url(../images/zenerD.gif) no-repeat right top;*/
/* background-image: url(../images/bgmenu.gif); */
/* background-repeat: no-repeat; */
margin:0px 5px ; /*deplace l'ensemble texte et arriere plan */
/*border: 2px solid blue;*/
}

#menulist li.smenu1 p {    /* concerne les titres du menus */
/*background: url(../images/zenerG.gif) no-repeat left top;*/
padding:0em 0px 0em 0.8em; /*deplace le texte */
margin: 0px 0px;

vertical-align: middle;
font-size: 1.4em;
text-align: left ;
}

#menulist .smenu1 a { 
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
height: 3em;  /* ecartement vertical entre chaque sous menu */
text-decoration: none;
color: #BBBBBB;
}
#menulist .smenu1 a:visited {
text-decoration: none;
color: #E0E0E0;
}
#menulist .smenu1 a:hover {
/* background: #AAAAAA; 
color: #F0F0F0;*/
}


.menugauchenumero {
clear: both;
width:23px;
height:21px;
border:0;
/*hspace:"1"; */
float: right;
}


.droite_div {
width: 98%;
color: white;
}

.gauche_img {
float:left;
margin: 0px 30px 30px 10px ;
}

#no_script {
visibility: hidden;
}

/*styles page contact  ********************/

#contactform {
    display:block;
    margin:0 auto;
    /*width:576px; */
	width: 99.51%;
    font-family: "Open+Sans", sans-serif;
    font-size: 12px;
    color: #999;
}

/* Labels are titles for the text fields. You can use a placeholder instead if you like*/
label 
{
    display:block;
    margin-top:10px;
    letter-spacing:2px;
}

/* Centres the form within the page */
form 
{
    margin:0 auto;
    /*width:459px; */
	width: 90.26%;
}

/* Styles the text boxes */
input, textarea, file {
	/*width:439px; */
	width: 99.69%;
	height:12px;
	background-color:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:4px;
	font-size:1.1em;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:1px solid #97d6eb;
	}

/* Styles the text area boxes (message field) */	
textarea 
{
	height:100px;
	background-color: #efefef;
}


/* Styles the submit button formulaire gchaptcha*/
.g-recaptcha {
	/* background:url(images/submit.png); */
	/*width:127px; */
	width: 25.66%;
	height:35px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:6px;
	cursor:pointer;
}

/* Styles the submit hover */	
.g-recaptcha:hover {
	color:#fff;
	background-color: #216182;
	opacity:0.9;
}

/* Styles the submit button pour la version sans CAPTCHA */
#submit {
	/* background:url(images/submit.png); */
	/*width:127px; */
	width: 25.66%;
	height:35px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:6px;
	cursor:pointer;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #216182;
	opacity:0.9;
}


/* Styles the cancel button*/	
#cancel {
	/* background:url(images/cancel.png); */
	/*width:127px; */
	width: 25.66%;
	height:35px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:6px;
	cursor:pointer;
}

/* Styles the cancel hover */
#cancel:hover {
	color:#fff;
	background-color: #000;
	opacity:0.9;
}