/* -----------------------------------POSITIONNEMENT --------------------------------*/

#logo

{
position:relative;
float: left;
top:0px;
left:0px;
height:85px;
width:100%;
background-color: white;
background-image: url(images/logo.jpg);
background-repeat: no-repeat
}


#navcontainer
{
float: left;
width:100%;
height: 50px;
}




#contenu

{
float: left;
position:relative;
width: 760px;
display: block;
clear: both
}

#footer

{
float: left;
width: 760px;
font-size: 10px;
font-weight: bold;
text-align : center;
}

/*--------------------------------------- MISE EN FORME MENU ----------------------------------*/


#navcontainer a

{text-decoration: none;
}



#navcontainer ul
{
padding: 0;
margin: 0;
list-style-type: none;
position: relative;
padding:2px;
width:100%
}



#navcontainer li

{ display: inline
}




/*1st level elements*/



#navcontainer ul

{
background-color: #e7e7e7;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px
}


#navcontainer li

{ margin: 0 0 0px
}


#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited

{
background-color: #e7e7e7;
color: #2d4298;
padding: 0px 5px
}



#navcontainer ul a:hover,
#navcontainer ul a:focus

{
background-color:#2d4298;
color: white;
border-bottom : 2px solid #2d4298
}



/*current Link*/
#navcontainer ul a#current,
#navcontainer ul a#current:link,
#navcontainer ul a#current:visited

{
font-weight: bold;
background-color:#2d4298;
color : white;
border-bottom : 2px solid #2d4298
}



/*Second and subsequent levels*/
#navcontainer ul ul

{
font-size: 11px;
position: absolute;
top: 18px;
padding:2px;
left: 0;
width: 100%;
border-top: none;
background-color:#2d4298;
color : #e7e7e7
}

#navcontainer ul ul li { display: inline; }
#navcontainer ul ul a:link,
#navcontainer ul ul a:visited

{
background-color: #2d4298;
color : #e7e7e7
}


#navcontainer ul ul a:hover,
#navcontainer ul ul a:focus
{
color: white
}


/*current Link*/
#navcontainer ul ul a#subcurrent,
#navcontainer ul ul a#subcurrent:link,
#navcontainer ul ul a#subcurrent:visited

{
font-weight: bold; color: white
}


#navcontainer ul ul a

{ 
background-color: #2d4298;
color: #e7e7e7
 }

/*-----------------------------MISE EN FORME BLOCKS----------------------------------------*/


.block

{

width: 100%;
margin : 5px 5px;
padding: 10px 5px 5px;
border-bottom: 1px #e7e7e7 dotted
}



.blocktitle
{

width: 100%;
margin : 5px 5px;
padding: 10px 5px 5px;
border-bottom: 1px #e7e7e7 dotted;
}


.blocktitle p

{
color: #2d4298;
font-weight: bold;
letter-spacing: 1px
}


.blockpromo

{
float : left;
width: 45%;
margin : 5px 5px;
padding: 10px 5px 5px;
border-bottom: 1px #cccccc dotted
}


.miniblock

{
float : left;
font-size : 12;
color : 333333;
text-align : justify;
font-family: Arial, Helvetica, sans-serif ;
height: 210px;
display: block;
width: 45%;
margin: 5px;
padding: 5px;
border-bottom: 1px #cccccc dotted
}

/*------------------------------------------------ MISE EN FORME GENERALE-------------------------------------------*/

a

{
color : #62719D;
text-decoration : none;
font-weight:bold
}


a:hover

{
text-decoration : underline
}


b

{
font-weight: bold;
color: #2d4298
}



body

{
margin : 0;
padding :0;
background-image: url(images/fond2.jpg)
}



h1

{
color : #2d4298;
border-bottom : 5px solid #2d4298;
font-size : 26px;
font-weight: bold;
width : 100%;
margin: 0px 0px; 
clip:    rect(0px 0px 0px 0px);
padding:   0px 0px 0px 10px;
background-color : white;
; font-family: Arial, Helvetica, sans-serif
}



h2

{
text-align:right;
font-size : 20;
color : #2d4298;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold
}



h3

{
padding-top: 10px;
font-size : 16;
color : #F1252E;
font-weight : bold
; font-family: Arial, Helvetica, sans-serif;
clear: both
}



li

{
list-style-image: url(images/puce.jpg);
list-style-type: squate;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #333333
}



p

{
font-size : 12;
color : 333333;
font-family: Arial, Helvetica, sans-serif
}



#footer p, #footer a
{
font-size: 10px;
font-weight: bold
}


/*--------------------- FORMULAIRES------------------------------------------------*/


#blockform

{
text-align: right;
float: left;
width: 49%;
display: block
}



 
.formulaire

{
margin : 15px;
padding-top: 10px;
}


.formulaire p

{
text-align: right;
margin-right: 100px;
margin-left: 0px;
font-weight: bold;
color: #2d4298
}


.itexte

{
border: 1px solid #cccccc;
}


.ibouton

{
background: #2d4298;
font-weight: bold;
color: white;
}



/*---------------------------- MISE EN FORME PAGE PARTENAIRES----------------------------*/


#listelogo

{
float: left;
text-align: center;
display: block;
width: 30%;
height: 110px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
border : 1px #cccccc dotted;
}


#listelogo img

{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
}


#listelogo p

{
text-align: center;
border-bottom: 1px #cccccc solid;
background-color: #eeeeee;
margin-top: 0px;
}



/*-------------------------------------- BLOCK DIFFERENTS SITES--------------------------------*/

.showroom

{
float: left;
align: middle;
display: block;
width: 365px;
height: 270px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px #cccccc dotted;
}