@charset "iso-8859-1"; 

/* corps du document visible */
body {
	background-color: #ffaebd7;      
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
    margin: 0px;
    padding: 0px;
}

/* font  Generale */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif ; font-style : italic ; color : #0000CC; font-size : 100%; }
p.alignegauche {text-align : left;}
h1 {color : yellow; border : 0px solid; font-size : 140%; background-color : #000099 ; font-weight : bolder; text-align : center;}
h2 {color : yellow; border : 1px solid; font-size : 140%; background-color : blue ; }
h3 {color : #FFFF00; border : 2px solid; font-size : 110%; background-color : blue ; }
h4 {color : yellow; border : 0px solid; font-size : 120%; font-weight : bolder; background-color : blue ; text-align : center; }

/* liens généraux */

div#header {color : red;
    clear: both;
    height: 50px;
    background-color: aqua;
    padding: 1px;
}
div#left {color : yellow;
    float: left;
    width: 80px;
    background-color: red;
}
div#right {
    float: right;
    width: 500px;
    background-color: green;
}
div#middle {
     float: left;
     width: 100px;
       margin: 0px;
    background-color: silver;
}
div#footer {
    clear: both;
    background-color: yellow;
}

a:link {color:#FF0000;}
a:active  {color:#FF6600;}
a:visited { color : :#003366; }
a:hover		{ text-decoration: underline; color : #66CC00; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* Position du Logo */
div#logo1 {position : absolute; top : 20px; left : 28px; color : blue; } 
#logo1 img {margin : 2px ; border : 0px solid ; float : left; width : 125px; height : 100px ; }

/* Position de la feuille d'accueil */
div#accueil { position : absolute ; top : 50px; left : 50px ; width : 900px;text-align : center; }
#accueil img {  margin : 5px; border : 0px solid; float : center; width : 400px; height : 300px; } 

/* Position du menu principal */
div#menugauche { position : absolute ; top : 140px; left : 25px ; width : 150px; }
#menugauche img {  margin : 5px; border : 0px solid; float : left; width : 135px; height : 32px; }

/*Position des photos latérales */
div#photo1 { position : absolute ; top : 20px; left : 175px ; width : 150px;}
#photo1 img {  margin : 5px; border : 0px solid; float : left; width : 125px; height : 90px; }

/* Position du menu audessus avec le menugauche */
div#menuhaut { position : absolute ; top : 10px; left : 175px ; width : 1050px; height : 70;}
#menuhaut img {  margin : 2px; border : 0px solid; float : left; width : 125px; height : 50px; }

/* Position des bas de frame */
div#bastexte1 { position : absolute ; top : 550px; left : 200px ; width : 200px;text-align : center; color : blue;}
div#bastexte2 { position : absolute ; top : 550px; left : 800px ; width : 150px;text-align : center; color : blue;}
div#bastexte3 { position : absolute ; top : 520px; left : 400px ; width : 400px; height : 80;text-align : right; color : red;}

/* frame banque03 */
div#corpstyle01 { position : absolute ; top : 40px; left : 200px ; width : 780px;text-align : center; }
#corpstyle01 b {font-style : italic ;}
#corpstyle01 img { margin : 5px; border : 0px solid; float : left; width : 150px; height : 200px; } 
#corpstyle01 table{border : 1px solid; width : 500px;height : 50px;}
#corpstyle01 table img {margin : 2px ; border : 0px solid ; float : left; width : 100px; height : 25px ; }

/* Frame banque01, banque02*/
div#corpstyle02 { position : absolute ; top : 40px; left : 180px ; width : 780px;text-align : center;}
#corpstyle02 img {  margin : 5px; border : 0px ; float : left; width : 280px; height : 268px; } 

/* frame banque04, banque05,banque07  */
div#corpstyle05 { position : absolute ; top : 60px; left : 200px ; width : 800px;text-align : center; }
#corpstyle05 img {  margin : 5px; border : 0px solid; float : center; width : 400px; height : 300px; } 

/* formulaires */
div#corpmail { position : absolute ; top : 60px; left : 200px ; width : 800px;text-align : left;}
#corpmail p {font-style : italic ;  border : 0px solid; font-size : 120%;}
#corpmail titre {font-style : normal ; color : yellow; border : 2px solid; font-size : 160%; background-color : blue ; }

/* ccm */
div#corpstylecm { position : absolute ; top : 20px; left : 180px ; width : 780px;text-align : center;}
#corpstylecm img {  margin : 5px; border : 0px ; float : left; width : 700px; height : 350px; }