img, div { behavior: url(js/iepngfix.htc) }

body {
background-color:#FAFAFA;
background-image:url(images/background.png);
background-repeat:no-repeat;
margin:0px;
}

@font-face{
    font-family : "Rawen";
    src : url('RawengulkSans-094.ttf') format('truetype'),
          url('RawengulkSans-094.otf') format('opentype');
}

.normal { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-align:justify; padding-top:0px; padding-right:7px; padding-left:7px;}
.liste li { margin-left:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-align:justify; padding-right:7px;} 

a {
    border: 0;
    outline : none;
}

a img {
    border: 0;
    outline : none;
}

ul > li {
  margin: .7em 0;
  line-height: 1.15;
  padding-left:0px;
  margin-left:10px;
}

.degrade { background-image: url(images/home_degrade3.png); background-repeat:no-repeat;}

.bloc_gris {
	text-align:center;
	width: 250px;
	height: 100px;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    color: #fff;
    background: #6c838d; 
    border: solid 1px #cdd7db;
}

.bloc_go {
    text-align:center;
	width: 250px;
	height: 100px;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
    color: #fff;
    border: solid 1px #cdd7db;
	font-weight: bold;
    	
    line-height: 0.9;
    font-size: 22px;
    background: #00aeef; 
    text-decoration: none;
}

.menuhorizontal_vis{
position:relative;
top:40px;
background-image:url(images/menu_horizontal_vis.png);
width:1240px;
height:38px;
margin-left:auto;
margin-right:auto;
clear:both;
}

.menuhorizontaltab{text-align:center;}

.fond_bonhomme2{
position:relative;
top:40px;
background-image:url(images/fond_contenu_sans.png);
background-repeat:no-repeat;
width:1240px;
height:620px;
margin-left:auto;
margin-right:auto;
clear:both;
margin-bottom:40px;
}

.fond_bonhomme3{
    position:relative;
    top:40px;
    background-image:url(images/fond_contenu2.png);
    background-repeat:no-repeat;
    width:1240px;
    height:650px;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    margin-bottom:40px;
}

.conteneur {}
.contenu4 {float:left; width:1000px; margin-left:124px;}

/* Liens menu horizontal */
a:visited.horiz { color: #666}
a:link.horiz { color: #666}
a:hover.horiz { color: #000000 ; text-decoration:none; font-size: 12pt; }
a:active.horiz { color: #666}
a.horiz { font-size: 10pt; font-family:Rawen, Arial, Helvetica, sans-serif; color: #666; text-decoration:none }

.bandeauhome{
top:0px;
margin-left:auto;
margin-right:auto;
clear:both;
width:992px;
height:38px;
}

/*****************/
/*STYLES HOMEPAGE*/
/*****************/

.zonetitrehome{ padding-left:140px; height:40px; padding-top:10px; padding-bottom:20px;}
.anim{ padding-left:140px; height:500px; padding-top:10px;}
.titre_home1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000;}
.titre_home2 { font-family:Rawen, Arial, Helvetica, sans-serif; font-size:25px; color:#00aeef;}
.titre_home3 { font-family:Rawen, Arial, Helvetica, sans-serif; font-size:15px; color:#fff;
    padding-left:10px;
    font-weight:300;
    background: #ee7f00;
    border-radius: 10px 0px 10px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-radius: 10px 0px 10px 0px;
}
.titre_home4 {
    background-image:url(images/tab_header.png);
    background-repeat:no-repeat;
    font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#fff;
    padding-left:10px;
    font-weight:bold;
}

.home_bout1{ background-image:url(images/home_bouton1.png); font-size:30px; color:#924e01; padding-left:12px; vertical-align:top; background-repeat:no-repeat}

.home_bout2{ background-image:url(images/home_bouton2.png); font-size:20px; color:#176384; padding-left:12px; vertical-align:top; background-repeat:no-repeat }

.home_bout3{ background-image:url(images/home_bouton3.png); font-size:20px; color:#924e01; padding-left:12px; vertical-align:top;  background-repeat:no-repeat}

.visuel_home {float:right; padding-left:10px;}

/* Liens bouton home orange */
a:visited.hom1 { color: #924e01}
a:link.hom1 { color: #924e01}
a:hover.hom1 { color: #000 ; text-decoration:none }
a:active.hom1 { color: #924e01}
a.hom1 { font-size: 25px; font-family:Arial, Helvetica, sans-serif; color: #924e01; text-decoration:none; display:block; padding-top:15px; line-height:22px; font-weight:bold}

/* Liens bouton home bleu */
a:visited.hom2 { color: #176384}
a:link.hom2 { color: #176384}
a:hover.hom2 { color: #000 ; text-decoration:none }
a:active.hom2 { color: #176384}
a.hom2 { font-size: 20px; font-family:Arial, Helvetica, sans-serif; color: #176384; text-decoration:none; display:block; padding-top:15px; line-height:20px;}


/****************** */
/*STYLES NEW FOOTER */
/****************** */

/* Nouveau footer 02/12/2013 */
.footer_haut {
    background-color: #e5e5e5;
    clear: both;
    height: 120px;
    width: 100%;
    position: relative;
}

.footer_bas {
    background-color: #4a5866;
    clear: both;
    height: 55px;
    width: 100%;
    position: relative;
}

.footer_haut .contenuFooter1 {
    font-family: Arial;
    font-size: 8pt;
    line-height:13pt;
    color: #00386A;
    text-decoration: none;
    height: 120px;  
    padding: 5px;
    margin:auto;
    clear: both;
    width: 1000px;
    list-style-image: url(images/puce_footer.png);
    position: relative;
    }
    
.footer_bas .contenuFooter2 {
    font-family: arial;
    font-size: 7pt;
    line-height:12pt;
    color: #ccc;
    text-decoration: none;
    height: 55px;   
    padding: 5px;
    width: 1000px;
    margin:auto;
    clear: both;    
    position: relative;
    text-align:left;
}   

.footer_haut ul {
    position:absolute;
    top:10px;
    left:20px;
    margin-left:0px;
    line-height: 1.9;
    padding-left: 0;
    margin-top: 0;
}
.footer_haut .logo {
    float:right;
    position:relative;
}

.footer_bas .liens {
    float:right;
    position:relative;
}

<!-- Liens footer haut -->
a:visited.foot1 { color: #00386A}
a:link.foot1 { color: #00386A}
a:hover.foot1 { color: #00386A ; text-decoration:underline }
a:active.foot1 { color: #00386A}
a.foot1 { font-size: 8pt; font-family:Arial, Helvetica, sans-serif; color: #00386A; text-decoration:none }

<!-- Liens footer bas -->
a:visited.foot2 { color: #7aaddb}
a:link.foot2 { color: #7aaddb}
a:hover.foot2 { color: #7aaddb ; text-decoration:underline }
a:active.foot2 { color: #7aaddb}
a.foot2 { font-size: 7pt; font-family:Arial, Helvetica, sans-serif; color: #7aaddb; text-decoration:none }



#wrap {min-height: 100%;}

#main {
    /*overflow:auto;*/
    padding-bottom: 0px;
}  /* must be same height as the footer */

#mentions{ color:#666; font-size:10px; text-align:center; font-family:Arial, sans-serif; line-height:30px;}
#mentions a{color:#006699; text-decoration:underline; font-family:Arial, sans-serif;}

#footer{
    background:url(images/footer.png) repeat-x scroll top left;
    position:relative;
    height:90px;
    z-index:1;
    clear:both;
    margin:auto;
    width:100%;
}

#footer p { padding-left:10px; font-size: 12px;}
#footer p a{
    color: #666;
    line-height: 18px;
    text-decoration: none;
    padding-left:13px;
    background:url("images/fleche-bleu-droite.png") no-repeat 2px 2px;
    font-family:Arial;
}
#footer p a:HOVER{
    text-decoration: underline;
    background:url("images/fleche-bleu-droite.png") no-repeat 2px 2px;

}

.devient {background:url("images/fleche_migration.png") no-repeat; font-family:Arial; font-size:13px; font-weight:bold; color:#999; text-align:center}

/* Opera Fix */
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/****************/
/*STYLES OVERLAY*/
/****************/

.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
}

/* Liens bouton contact bleu */
a:visited.activator { color: #176384}
a:link.activator { color: #176384}
a:hover.activator { color: #000 ; text-decoration:none }
a:active.activator { color: #176384}
a.activator { font-size: 20px; font-family:Arial, Helvetica, sans-serif; color: #176384; text-decoration:none; display:block; padding-top:15px; line-height:25px;}

/* Liens mailto popup */
a:visited.mailto { color: #3892ca}
a:link.mailto { color: #3892ca}
a:hover.mailto { color: #ee7f00 ; text-decoration:underline }
a:active.mailto { color: #3892ca}
a.mailto { font-size: 14px; font-family:Arial, Helvetica, sans-serif; color: #3892ca; text-decoration:none;}

.box{
    position:fixed;
    top:-500px;
    width:700px;
	clear:both;
	left:300px;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

a.boxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
	text-align:left;
    padding:10px;
    background-color:#FFEFEF;
    color:#ee7f00;
	font-family:Arial, Helvetica, sans-serif;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.box h2{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#3892ca;
font-style:italic;
}


.drag{
    position:fixed;
    top:-1000px;
    width:700px;
	clear:both;
	left:300px;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}

a.dragclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}

.drag h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
	text-align:left;
    padding:10px;
    background-color:#FFEFEF;
    color:#ee7f00;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}

.drag h2{
font-size:14px;
margin:0;
padding:0;
color:#3892ca;
font-family:Arial, Helvetica, sans-serif;
}

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

.aide{ float:right; position:relative; top:-24px; padding-right:5px; }
.picto_aide{ float:left; padding-left:5px; }


.anim {
    padding-left: 140px;
    height: 500px;
    padding-top: 10px;
}


/*****************************************
***** PERSONNALISATION CSS JQUERY ********
******************************************/

.popup h2{
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    color:#3892ca;
    font-style:italic;
}

.ui-widget-header {
    color: white; /* White 1.1 */
    /*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
    font-size: 14px; /* Origine 1.1em */
    border: 1px solid #3892ca;
    background:#3892ca url(css/images/ui-bg_gloss-wave_35_f6a828_500x100-blue.png) 50% 50% repeat-x;
}
.ui-widget-overlay {
    opacity: .15;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: Alpha(Opacity=15);
}
/* Fond blanc dans les popups */
.ui-dialog .ui-dialog-content {
    background-color: white;
}

.bgorange { background-color:#ee7f00; color:#FFF; font-size:14px}