* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #217AD3;
padding:2px;
margin:2px;
vertical-align:middle;
font-size:12px; }

html {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif;
background:#fff url(img/body_fond.jpg) repeat-x center top; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif;
background:url(img/entete_fond.jpg) no-repeat top; }


div#extra {
background:url(img/fond_footer.jpg) repeat-x bottom; }


/* ~~~~~~~~~~~~~~~~ Flash & Déco ~~~~~~~~~~~~~~~~ */

div#menu {
position:absolute;
top:150px;
left:175px;
/*background:url(img/menu_flash.png) no-repeat center top;*/
width:749px;
height:34px;} 


/* ~~~~~~~~~~~~~~~~  Style ~~~~~~~~~~~~~~~~ */


/***** Style par défaut *****/

.invis {
position:absolute;
top:-9999px; }

h1{
text-indent:-9999px;}

p a {
color:#217AD3;
text-decoration:none;}

p a:hover {
text-decoration:underline;}


ul.img {
margin-left:60px;
padding-bottom:20px;
}

ul.img img{
width:160px;
border:5px solid #ccc;
float:left;
}
/* ~~~~~~~~~~~~~~~~  Layout ~~~~~~~~~~~~~~~~ */

div#global{
overflow:hidden;
background:url(img/global_fond.png) repeat-y; 
width:960px; /* 990*/ 
padding:0 15px;
margin:0 auto;
}

div#header{
position:relative;
width:990px;
height:220px; 
background:url(img/header_fond.png) no-repeat top;}

div#conteneur_centre{
padding-top:30px;
height:auto;}

div#colonne_gauche{
float:left;
width:186px;}

div#contenu {
min-height:200px;
overflow:hidden;
padding-bottom:25px;
width:740px;
margin:0 auto;}

div#presentation_texte {
min-height:400px;
padding-bottom:20px;
overflow:hidden;
width:740px;
color:#666;
font-size:75%;}
div#presentation_texte a {
text-decoration:none;
color:#666;
}
div#presentation_texte a:hover  {
text-decoration:underline;
}
div#footer{
margin:0 auto;
position:relative;
overflow:visible;
height:270px;
width:740px;} 

/* ~~~~~~~~~~~~~~~~  Styles ~~~~~~~~~~~~~~~~ */

/* Citation */

div#baseline{
padding-top:32px;
width:210px;
text-align:center;
color:#666666;

font-family:arial Black;
position:absolute;
top:0;
right:50px;}

div#baseline cite{
font-style:normal;}

div#baseline span{
color:#3587D9;}

/* News */
    
div#news{
font-size:75%;
width:117px;/* 147 */
height:102px; /* 155 */
padding:37px 15px 15px;
text-align:left;
color:#fff;
background:url(img/actualite_fond.png) no-repeat;}
 
div#news dl dt{
overflow:hidden;
text-align:left;
font-weight:bold;
letter-spacing:1px;
font-size:90%;
color:#fff;}

div#news dl dd.date{
font-style:italic;
font-size:75%;
color:#fff;}

div#news dl dd.description {
height:62px;
overflow:hidden;
padding-top:5px;
text-align:left;
font-size:85%;
line-height:1.2;}

dd.suite a{
padding-top:5px;
font-size:75%;
letter-spacing:1px;
float:right;
color:#fff;}

/* Coordonnées */ 

div#coordonnees{
margin-top:20px;
font-size:75%;
width:117px;/* 147 */
height:106px; /* 159 */
padding:37px 15px 15px;
text-align:left;
color:#fff;
background:url(img/contact_fond.png) no-repeat;}

div#coordonnees dl dd{
margin-bottom:5px;
overflow:hidden;
text-align:left;
font-weight:bold;
font-size:145%;
color:#fff;}


div#coordonnees dl dd#texte{
margin-bottom:5px;
overflow:hidden;
text-align:left;
font-weight:bold;
font-size:95%;
text-transform:uppercase;
color:#fff;}

/* Zone de contenu texte */

div.texte{
overflow:hidden;}

div.texte img{
float:left;
margin-right:15px;}

div.texte p{
margin-bottom:10px;}



/* Présentation des compétences */

div#liste{
overflow:hidden;}


div#liste ul{
text-align:center;
width:730px; 
padding:20px 0;
overflow:hidden; }

div#liste ul li {
background:#CCCCCC;
text-align:center;
float:left;
width:215px;
height:166px;
margin-right:25px;}

div#liste ul li img {
width:150px;
height:110px;
margin-top:15px;
margin-bottom:10px; }

div#liste ul li span {
margin:0 auto;
display:block;
overflow:hidden;
text-align:center;
width:150px;
height:35px; }

div#liste ul li span {
font-family: arial Black;
text-transform:uppercase;
font-weight:bold;
font-size:100%;
text-decoration:none;
color:#666666;
font-weight:bold;
line-height:1.4;}

/* Footer */

div#footer ul{
text-align:center;
font-size:85%;
padding-top:25px;
overflow:hidden;}

div#footer ul li{
color:#00CC00;
height:10px;
display:inline;}

div#footer ul li a{
font-weight:bold;
text-decoration:none;
font-size:85%;
padding-left:5px;
margin-right:5px;
color:#217AD3;}

div#footer ul li a:hover{
text-decoration:underline;}



#footer .imnalys {
	text-align:center;
	padding:5px 50px 0px 50px;
}
	
#footer .imnalys img {
    border:0;}

#footer  .imnalys span
{
   position:absolute;
   top:-9999px;
}

div#footer .desciption_Imnalys {
font-size:10px;
text-align:center;

color:#217AD3;
}

/*     Formulaire      */
input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px; 
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}

ul#news li {
overflow:hidden;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #CCC;}


ul#news li dl dt{
float:left;
margin-right:20px;
font-weight:bold;
font-size:110%;
text-transform:uppercase;}

ul#news li dl dd.date{
line-height:1.5;
font-style:italic;
font-size:90%;}

ul#news li dl dd.description{
padding-top:10px;
clear:left;}

/**** formulaire ***/

.bouton {
background: #fff;
border:1px solid #217AD3;
width:100px;
color:#217AD3;
}

.avertissement {
font-size:80%;
margin-bottom:10px;
}