/*image de fond*/
body 
{
background-image:url(image/fond.png);
background-repeat:no-repeat;
background-position:center top;
background-attachment: fixed; 
}	
#bloc_page
{
    width: 991px;
    height:100%;
    margin:0px auto;
} 
@font-face
{   font-family: 'ca';
    src: url('fonts/Oxygen-webfont.eot');
    src: url('fonts/Oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oxygen-webfont.woff') format('woff'),
         url('fonts/Oxygen-webfont.ttf') format('truetype'),
         url('fonts/Oxygen-webfont.svg#OxygenRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 
{   font-style: oblique;
    color: #004586;
    font-size: 14px;
    font-family:ca;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    padding-top:35px;
}
header 
{   width: 100%;
    height: 130px;
    right: 0px;
    top: 0px;   
}
#logo
{   border: 0px solid white;
    width: 261px;
    height: 99px;
    padding-top:26px;
    padding-left:45px;
} 
#titre
{   display: inline-block; 
    float: left;
    width: 410px;
    height: 135px;      
} 
#titre_gauche
{   display: block;
    float: left; 
    width: 220px; 
    height: 135px; 
    text-align:center;
} 
#titre_droit 
{    float: left; 
     width : 342px;
     height : 135px;
     display : inline-block; 
}
#drapeau
{   border: 0px solid white;
    display: inline-block; 
    width: 30px;
    padding-top: 25px; 
} 
nav
{   width: 100%;
    height:80px;
    right: 0px;
}
ul 
{   
    list-style-type:none;
}
li
{   
    float:left; 
    border-left:8px solid white;
}
ul li a 
{   display:block;
    float:left;   
    width:180px;
    line-height:50px; 
    background:url(image/bouton.png) repeat-x;
    text-decoration:none;
    color: white;
    font-size: normal; 
    font-family:ca;
    letter-spacing:1px;
    text-align:center;
}
ul li a:hover 
{   
    background:url(image/bouton_on.png) repeat-x;
}  
section
{}
 /* #lustre
{   border: 0px solid white;
    display: inline-block;
    padding-left:70px;
    padding-right:100px;
    float:left; 
    width:259px;
    height:246px;
}  
*/
#pres_swf
{  /* border: 12px solid #132b6f; 
    border-style: ridge;*/   
    display: block;   
    margin: auto;
    width:460px;
    height:258px;
}   
#baniere
{   position: absolute; 
    width:991px;
    left: 50%; 
    margin-left: -500px;
    right: 0px;    
    top: 525px;
} 
#img_ban
{   display: block; 
    width:110px;
    height:110px;
    float:left;
}
footer
{   position: absolute; 
    left: 50%;  
    margin-left: -100px; 
    top: 625px;
}
h2
{  font-style: small;
   color: black;
   text-decoration:underline;
   font-family:ca;
   font-size: 8px;
   float:left;
   padding:5px;
} 
p 
{   font-style: normal;
    color: #004586;
    font-size: small;
    font-family:ca;
    text-align: justify;
    vertical-align: middle;
    word-wrap: break-word;
    padding-left:100px;
    padding-right:100px;
}
#son
{   margin-top:35px;
    margin-bottom:22px;
}
b
{   color: #004586;
    font-size: large;
    font-family:ca;
    margin-top:22px;
    text-align: center;
    word-wrap: break-word;
}
.colonne 
{   display:inline-block;
    width:26%;  
    height:380px;
    text-align:center;
    padding-left:5%; 
     white-space:nowrap;
} 
.colonne2 
{   display:inline-block;
    width:38%;  
    height:300px;
    text-align:center;
    padding-left:5%;
} 
.colonne4 
{   display:inline-block;
    width:18%;
    height:auto;
    text-align:center;
    padding-left:5%;
}
#image
{   border: 0px solid white;
    margin-top:10px;
}
h3 
{   font-style: Normal;
    color: #004586;
    font-size: 12px;
    font-family:ca; 
}
#pdf
{   border: 0px solid white;
    display:inline-block; 
    float:right;
}
#gros_swf
{   border: 12px solid #132b6f;
    border-style: ridge;
    width:642px;  
    height:360px;
}
.center_block
{   display: block;
    text-align: center;
}

/* form 5 */

.contact
{   display: block;
    width:100%;
    height: 410px;
    text-align: center;
}
#form5
{
		margin:1em 0;
		padding-top:10px;
}
#form5 fieldset
{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
}		
#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
#form5 label{
		float:left;
		width:65px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
#form5 input#name{background:#fff url(image/form_name.gif) no-repeat 5px 50%;}
#form5 input#email{background:#fff url(image/form_email.gif) no-repeat 5px 50%;}
#form5 input#web{background:#fff url(image/form_url.gif) no-repeat 5px 50%;}
#form5 textarea#message{background:#fff url(image/form_note.gif) no-repeat 5px 6px;}
#form5 textarea{
		height:125px;
		overflow:auto;
		}					
#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 176px;
		border-top:1px solid #f1f1f1;		
		}	
#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(image/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				
/* fin de form 5 */
h4
{   color: solid black;
    font-size: small;
    font-family:ca;
    text-align:justify; 
    padding:0px 55px 0px 55px;
}
.ML
{   border: 0px solid red;
    text-align:center;
}
h5
 {  color: #004586;
    font-size: large;
    font-family:ca;
    text-align: left;
    padding-left:55px;
    line-height: 10% ;
}