/* structure générale */

*{
margin:0;
padding:0;
}

body{
background-color:#c0c4c7;
}

#global{
width:100%;
height:580px;
position:absolute;
top:50%;
margin-top:-290px;
}

#top_infini{
width:100%;
height:42px;
background-color:#c0c4c7;
}

#top{
width:1000px;
height:42px;
margin:0 auto;
}

#logo{
float:left;
width:193px;
}

#coin_droit{
float:right;
width:166px;
}

#middle_infini{
width:100%;
height:500px;
background-color:#FFFFFF;
}

#middle{
width:1000px;
height:500px;
margin:0 auto;
}

/* menu de gauche */

#menu{
float:left;
width:193px;
height:500px;
background:url(../_img/fd_menu.gif) top left no-repeat;
}

#menu ul{
margin:61px 42px 0 0;
list-style-type:none;
text-align:right;
}

#menu ul li a{
display:block;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#C0C4C7;
text-decoration:none;
height:30px;
}

#menu ul li a:hover{
color:#E53D85;
}

#menu ul li a.on{
color:#E53D85;
height:20px;
}

#menu ul li a.on2{
color:#E53D85;
}

#menu ul.ssmenu{
margin:0 0 10px 0;
list-style-type:none;
text-align:right;
}

#menu ul.ssmenu li a{
display:block;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#642068;
text-decoration:none;
height:16px;
}

#menu ul.ssmenu li a:hover, #menu ul.ssmenu li a.on{
color:#642068;
}

.none{
display:none;
}

/* fin de menu */

#contenu{
float:left;
width:642px;
height:500px;
}

#langues{
width:100%;
height:10px;
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#5D5B5B;
text-align:right;
padding-top:7px;
}

#langues a{
color:#5D5B5B;
text-decoration:none;
}

#texte{
width:100%;
padding-top:35px;
height:430px;
}

#bottom_infini{
width:100%;
height:38px;
background-color:#c0c4c7;
}

#bottom{
width:1000px;
height:38px;
margin:0 auto;
}

#coin_gauche{
float:left;
width:193px;
height:38px;
}

#altran{
float:right;
width:166px;
height:38px;
}

/*------------------------------spécifique à la home-----------------------*/

#visuels{
margin:17px 0 31px 0;
clear:both;
height:127px;
}

#visuels img{
float:left;
margin-right:8px;
}

#all_texte{
height:215px;
}

#description{
float:left;
width:460px;
height:100%;
}

#description #left{
float:left;
width:225px;
}

#description #right{
float:right;
width:210px;
}

#description p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#435058;
margin-bottom:17px;
text-align:justify;
}

#description p.last{
margin-bottom:0;
}

#news{
float:left;
width:160px;
height:215px;
overflow:auto;
margin-left:22px;
}

/*
#storeresult {
float:left;
width:160px;
height:215px;
overflow:auto;
position:absolute;
top:50px;
left:0;
}

#storeresult .storeresult{
overflow:auto;
}
*/

#news h2{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#E53D85;
margin-bottom:13px;
}

.article{
width:130px;
padding-bottom:15px;
}

.article h1{
font:normal 10px Arial, Helvetica, sans-serif;
color:#435058;
text-transform:uppercase;
}

.article p{
font:normal 10px Arial, Helvetica, sans-serif;
color:#435058;
}

.article p a{
font:normal 10px Arial, Helvetica, sans-serif;
color:#B87BBA;
text-decoration:none;
}

/*------------------------------spécifique à la presentation-----------------------*/

#suite{
clear:both;
overflow:auto;
height:420px;
width:100%;
padding-right:10px;
}

a.back{
display:block;
font:normal 11px Arial, Helvetica, sans-serif;
color:#641f68;
text-decoration:none;
float:right;
padding-top:5px;
}

#suite p{
font:normal 12px Arial, Helvetica, sans-serif;
color:#435058;
text-align:justify;
}

#suite p a{
color:#c197c2;
text-decoration:none;
}

#suite p.spe a{
color:#e53d85;
text-decoration:none;
}

#suite p.spe a span{
color:#435058;
text-decoration:none;
}

#animation{
margin-top:20px;
}


/*------------------------------tableau nos forces vives-----------------------*/

.violet{
width:248px;
height:18px;
background:url(../_img/presentation/fd_violet.gif) top left no-repeat;
padding-left:8px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#c197c2;
}

.violet a{
color:#c197c2;
text-decoration:none;
}

.gris{
width:232px;
height:18px;
background:url(../_img/presentation/fd_gris.gif) top left no-repeat;
text-align:right;
padding-right:8px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#5d5b5b;
}

/*------------------------------animation notre adn-----------------------*/

#adn{
background:url(../_img/presentation/fd_adn.gif) top left no-repeat;
width:612px;
height:442px;
}

#adn h1{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#6a205f;
text-align:right;
margin-bottom:15px;
}

#adn h1.left{
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#6a205f;
text-align:left;
margin-bottom:15px;
}

#adn h1 a, #adn h1.left a{
color:#6a205f;
text-decoration:none;
}

#adn p{
font:normal 11px Arial, Helvetica, sans-serif;
color:#5d5b5b;
text-align:right;
}

#adn p.left{
font:normal 11px Arial, Helvetica, sans-serif;
color:#5d5b5b;
text-align:left;
}

/*------------------------------spécifique à contact-----------------------*/

#contact{
float:left;
width:190px;
}

#contact p{
font:normal 10px Arial, Helvetica, sans-serif;
color:#435058;
text-align:left;
}

/*------------------------------mise en forme du texte-----------------------*/

h1{
font:normal 17px Verdana, Arial, Helvetica, sans-serif;
color:#642068;
}

h2{
font:normal 17px Verdana, Arial, Helvetica, sans-serif;
color:#642068;
margin-bottom:12px;
}

h2.rose{
font:bold 17px Verdana, Arial, Helvetica, sans-serif;
color:#e53d85;
margin-bottom:12px;
}

h3{
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#642068;
margin:0 0 7px 0;
}

strong{
color:#E43F84;
font-weight:normal;
}

.rose{
color:#c197c2;
}