/* ---------------------------------------
  Standard styles formatting
  created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/


html {
  height: 101%;
}

body {
  margin: 0;
  padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
  padding: 3px 0;
  margin: 0;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
}
h1, .componentheading {
  font-size: 1.75em;
}
h2, .contentheading {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}

ul, ol {
  padding: .75em 0 .75em 0;
  margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
  padding: 0px 0;
}

address {
  margin: .75em 0;
  font-style: normal;
}

a:focus {
    outline: none;
}

img {

  border: none;
}

em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
 color: #0c4c9f;
 font-weight: bolder;
 vertical-align: -webkit-baseline-middle;
padding:5px;
}

.clr {
  clear : both;
}

#wrapper {
  margin: 0 auto;
}

.full {
  width: 100%;
}

.demi {
  width: 50%;
}

.tiers {
  width: 33.33%;
}

.quart {
  width: 25%;
}

.flexiblemodule, .column, .logobloc {
        float: left;
}






.ico
{ 
	width:120px; 
	height:38px; 
	float:right; 
	
	margin-top:10px;
	margin-bottom:-5;
	/*margin-right:-25px; pour le faire avancer vers le coin droit*/
	margin-right:15px;
	
}

.icon1
{ 
	background:url(../images/icone2017.png) 0px 0px; 
	width:33px; 
	height:32px; 
	float:left; 
	margin-right:2px;
	margin-top:-7px;
}

.icon2
{ 
	background:url(../images/icone2017.png) -33px 0px; 
	width:33px; 
	height:32px; 
	float:left; 
	margin-right:4px; 
	margin-top:-7px;
}

.icon3
{ 
	background:url(../images/icone2017.png) -67px 0px; 
	width:33px; 
	height:32px; 
	float:left;
		margin-top:-7px;

} 

/* ---------------------------------------
  Custom styling
-----------------------------------------*/




body {
  /*background: #ededed url(../images/topmenu_construct.png) left top repeat-x;*/
  background: #ffffff;
  color: #333333;
  text-align: left;
  line-height: 20px;
  font-size: 12px;
  font-family: Tahoma, sans-serif;
}
  /* les liens*/
a {
  color: #AF1E1E;
  text-decoration: none;
  
}


a:hover {
  color: #4DAF28;
  
}




.layout-maxima a{
background-image: url(../images/test.jpg);
color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size:12px;
  
}


.layout-maxima a:hover {
  color: #CCFF33;
 
  
}



h1, div.componentheading {
    color:#0c4c9f;
    text-align: center;
    font-size: 22px;
    margin-bottom: 25px;
    font-family: verdana;
    text-shadow: currentColor;
	
}


h2, div.contentheading {
  text-align: left;
}

h3 {
  text-align: left;
}

h4 {
  text-align: left;
}

h5 {
  text-align: left;
}

h6 {
  text-align: left;
}

.button {
    border: none;
  text-align: left;
}

.button:hover {
  text-align: left;
}

ul.pagenav li a {
    display: block;
  text-align: left;
}

ul.pagenav li a:hover {
  text-align: left;
}

.readmore a {
  background: #164089;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
  color: #ffffff;
  margin: 5px;
  padding-top: 7px;
  padding-right: 12px;
  padding-bottom: 7px;
  padding-left: 12px;
  text-align: left;
  box-shadow: #000000 0px 1px 1px 0px;
  -moz-box-shadow: #000000 0px 1px 1px 0px;
  -webkit-box-shadow: #000000 0px 1px 1px 0px;
  text-shadow: #000 1px 1px 1px;
}

.readmore a:hover {
  text-align: left;
  text-decoration: underline;
}

.invalid {border: red;}
                /*module de recherche et les autre module de joomla comme login mm principe*/
input.inputbox, .registration input, .login input, .contact input, .contact textarea {
    border: none;
  /*background: #ffffff;*/
  border-top: #b8b8b8 1px solid;
  border-bottom: #6e6e6e 1px solid;
  border-left: #858585 1px solid;
  border-right: #858585 1px solid;
 /* -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -o-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;*/
  padding: 3px;
  text-align: left;
  width:150px;
  margin-top:-30px;
  
}

input.inputbox:focus, .registration input:focus, .login input:focus, .contact input:focus, .contact textarea:focus {
  border: #000000 1px solid;
  text-align: left;

  }
  
  
div.menu_list {	
	font-size:12px;
	list-style:none;
	font-weight:bold;
		
}

#ojaccord-menu div.menu_body li a{
	display:block;
	/* color:#000; */
	text-decoration:none;
	padding:2px 0 2px 10px;
	/* border-bottom:1px solid #A1C67B; */
	font-weight:normal;
	
}

#ojaccord-menu p.menu_head {
	cursor: pointer;
	position: relative;
	/* background-image:url(menu_bg.gif); */
	/*background-position:100% 0;
	background-repeat:no-repeat;*/

	/* color:#26370A; */
	height:32px;
	line-height:32px;
	padding:0 0 0 15px;
	position:relative;
	margin:0px;


}

/*de blue.css*/
#ojaccord-menu p.active,
#ojaccord-menu p.active a {
	/*color:#ccc;*/
	background:#70ce62;
	/*background-image:url(../images/menu-blue_bg.png);*/
	background-position:100%; /* le background du menu parent selectionné */
	
}
#ojaccord-menu p.active:hover,
#ojaccord-menu p.active a:hover {
	color:#fff;
}


#ojaccord-menu div.menu_body li {
	border-left:10px double #5694D1;
}
  /*de oj-accordmenu*/
#ojaccord-menu p.menu_head.active:hover,
#ojaccord-menu p.menu_head:hover {
background:#70ce62;
  /* background-image:url(../images/menu-blue_bg.png);*/
	background-position:100%; /* le background du menu parent selectionné */
	
}
  

  
  
  
  
  

#wrapper {
  width: 1000px;
  text-align: left;
}

#haut > div.inner {
  text-align: left;
   margin-top:0px;
}

#haut div.moduletable, #haut div.module,
#haut div.moduletable_menu, #haut div.module_menu {
  text-align: left;
}

#haut div.moduletable h3, #haut div.module h3,
#haut div.moduletable_menu h3, #hautdiv.module_menu h3 {
  text-align: left;
}

#haut1 > div.inner {


width:250px;
 /* margin: 10px;*/
 
 margin-left: 500px;
  margin-top:-2px;
 /* margin-bottom: -13px;
  padding: 10px;
  text-align: left;
  /*box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;*/
}

#haut1 div.moduletable, #haut1 div.module,
#haut1  div.moduletable_menu, #haut1  div.module_menu {
  text-align: left;
}

#haut1  div.moduletable h3, #haut1  div.module h3,
#haut1  div.moduletable_menu h3, #haut1  div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#haut2 > div.inner {

float:right;
margin-right:25px;
 margin-top:3px;
/*width:950px;
 /* margin: 10px;*/
 /* margin-left: -10px;*/
  /*margin-top:3px;
 /* margin-bottom: -13px;
  padding: 10px;
  text-align: left;
  /*box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;*/
}

#haut2 div.moduletable, #haut2 div.module,
#haut2 div.moduletable_menu, #haut2  div.module_menu {
  text-align: left;
}

#haut2  div.moduletable h3, #haut2  div.module h3,
#haut2  div.moduletable_menu h3, #haut2  div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}





#mainbanner {
   /* pour changer la marge de la banniere ou se trouve le logo*/
  margin-left: 20px;
  /*padding-top: 25px;*/
  margin-top:20px;
  text-align: left;
  height:85px;
  
}

#mainbanner div.moduletable, #mainbanner div.module,
#mainbanner div.moduletable_menu, #mainbanner div.module_menu {
  text-align: left;
}

#mainbanner div.moduletable h3, #mainbanner div.module h3,
#mainbanner div.moduletable_menu h3, #mainbanner div.module_menu h3 {
  text-align: left;
}

#logo {
  width: 400px;
    height:60px;
  /*margin-right: 100px;*/
  text-align: left;
}

#logodesc {
  text-align: left;
}

#banner {
  width: 190px;
  text-align: left;
  /*margin-left:280px;*/
  margin-top:30px;
  float:right;
  margin-right:20px;
 
  
}

#banner div.moduletable, #banner div.module,
#banner div.moduletable_menu, #banner div.module_menu {
  color: #d9d9d9;
  text-align: left;
  text-shadow: #3a3a3a 1px 1px 1px;
}

#banner div.moduletable h3, #banner div.module h3,
#banner div.moduletable_menu h3, #banner div.module_menu h3 {
  color: #8b8b8b;
  text-align: left;
  font-weight: normal;
  word-spacing: -1px;
  font-size: 16px;
  text-shadow: #3a3a3a 1px 1px 1px;
}

#nav {
  /*background: #053C87 url(../images/menu_bg.png) left bottom repeat; /*la coulour ou l'image ou se trouve  le menu*/
  margin-top: 10px;/*la marge entre le menu et la banniere*/
  text-align: left;
  position:relative;
 
    
}

#nav div.moduletable, #nav div.module,
#nav div.moduletable_menu, #nav div.module_menu {
  text-align: left;
}

#nav div.moduletable h3, #nav div.module h3,
#nav div.moduletable_menu h3, #nav div.module_menu h3 {
  text-align: left;
}
#nav ul.menu {
            margin: 0;
            padding: 0;
}

#nav ul.menu li {
  margin: 0;
  padding: 0;
  float: left;
  list-style:none;
        white-space: nowrap;
}

#nav ul.menu li a, #nav ul.menu li span.separator {
    display:block;
  border: transparent 1px solid;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  color: #ffffff;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  word-spacing: -1px;
  font-size: 14px;
  font-family: Segoe UI, sans-serif;
}

#nav ul.menu li:hover > a {
  background: #466CAE;
  border-top: #3a3a3a 1px solid;
  border-bottom: #696969 1px solid;
  border-left: #454545 1px solid;
  border-right: #454545 1px solid;
  text-align: left;
}

#nav ul.menu li.active > a {
  background: #466CAE;
  border-top: #3a3a3a 1px solid;
  border-bottom: #696969 1px solid;
  border-left: #454545 1px solid;
  border-right: #454545 1px solid;
  text-align: left;
}

#nav ul.menu li li a, #nav ul.menu li li span.separator {
    display:block;
  border-top: #666c6e 1px solid;
  border-bottom: #2b2f30 1px solid;
  border-left: #464e50 1px solid;
  border-right: #464e50 1px solid;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #999999;
  margin: 4px;
  padding: 10px;
  text-align: left;
  text-transform: none;
}

#nav ul.menu li li:hover > a {
  color: #ffffff;
  text-align: left;
}

#nav ul.menu li li.active > a {
  text-align: left;
}

/* code pour menu normal */
#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {
  position: absolute;
  left: -999em;
  z-index: 999;
        margin: 0;
        padding: 0;
  background: #305AA2;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 200px;
  box-shadow: #000000 0px 0px 5px 0px;
  -moz-box-shadow: #000000 0px 0px 5px 0px;
  -webkit-box-shadow: #000000 0px 0px 5px 0px;
}


#nav ul.menu li:hover ul ul, #nav ul.menu li:hover li:hover ul ul, #nav ul.menu li:hover li:hover li:hover ul ul,
#nav ul.menu li.sfhover ul ul, #nav ul.menu li.sfhover ul.sfhover ul ul, #nav ul.menu li.sfhover ul.sfhover ul.sfhover ul ul {
  left: -999em;
}

#nav ul.menu li:hover > ul, #nav ul.menu li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul,
#nav ul.menu li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul li.sfhover ul, #nav ul.menu li.sfhover ul li.sfhover ul li.sfhover ul li.sfhover ul {
  left: auto;
}

#nav ul.menu li:hover ul li:hover ul {
  margin-top: -30px;
  margin-left: 190px;
}

/* fin code normal */

#nav ul.menu.maximenuCK li ul, #nav ul.menu.maximenuCK li:hover ul ul, #nav ul.menu.maximenuCK li:hover ul ul ul,
#nav ul.menu.maximenuck li ul, #nav ul.menu.maximenuck li:hover ul ul, #nav ul.menu.maximenuck li:hover ul ul ul {
  position: static !important;
  left: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
    border: none !important;
  -moz-border-radius: 0 !important;
  -o-border-radius:  0 !important;
  -webkit-border-radius: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

#nav ul.menu.maximenuCK li ul ul,
#nav ul.menu.maximenuck li ul ul {
  margin: 0 !important;
}

#nav li div.floatCK, 
#nav li div.floatck {
  background: #595959;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 200px;
  box-shadow: #000000 0px 0px 5px 0px;
  -moz-box-shadow: #000000 0px 0px 5px 0px;
  -webkit-box-shadow: #000000 0px 0px 5px 0px;
}

#nav ul.menu li ul.maximenuCK2,
#nav ul.menu li ul.maximenuck2 {
    margin: 0;
    padding: 0;
}

#nav ul.menu li div.maximenuCK2,
#nav ul.menu li div.maximenuck2 {
    float: left;
    width: 100%;
}

#nav ul li.maximenuCK div.floatCK div.floatCK,
#nav ul li.maximenuck div.floatck div.floatck {
  margin-top: -30px;
  margin-left: 190px;
}

#nav span.descCK,
#nav span.descck {
    display: block;
    line-height: 10px;
}

#nav ul.menu li li {
    float: none;
    display: block;
}



#pos5 {
width:950px;
 /* margin: 10px;*/
  margin-left: -10px;
  margin-top:-10px;
  margin-bottom: -13px;
  padding: 10px;
  text-align: left;
  /*box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;*/
}

#pos5 div.moduletable, #pos5  div.module,
#pos5  div.moduletable_menu, #pos5  div.module_menu {
  text-align: left;
}

#pos5  div.moduletable h3, #pos5  div.module h3,
#pos5  div.moduletable_menu h3, #pos5  div.module_menu h3 {
 color: #fff;
  text-align: center;
  font-size: 14px;
  width:755px;
  height:25px;
  background: #0C4C9F ;
  
background-image:url(../images/newanimated.gif);
background-position:2% 50% 30% 30%;
background-repeat:no-repeat;
padding-left:30px;

  margin-top:15px;
  margin-bottom:-8px;
  border-radius: 0 15px 0px 0px;
}


#pos16  {
width:928px;
  margin: 10px;
  margin-top:0px;
  height:10px;
  padding: 10px;
  text-align: left;
 margin-top: 5px;
 margin-bottom : -10px;
 margin-left:0px;
}

#pos16 div.moduletable, #pos16 div.module,
#pos16 div.moduletable_menu, #pos16 div.module_menu {
  text-align: left;
}

#pos16 div.moduletable h3, #pos16 div.module h3,
#pos16 div.moduletable_menu h3, #pos16 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}




#news > div.inner {
  text-align: left;
   margin-top:0px;
}

#news div.moduletable, #news div.module,
#news div.moduletable_menu, #news div.module_menu {
  text-align: left;
}

#news div.moduletable h3, #news div.module h3,
#news div.moduletable_menu h3, #news div.module_menu h3 {
  text-align: left;
}

#news1 > div.inner {
   background: #ffffff;
 border: 1px solid #9FAEBF;
  width: 220px;
  height:80px;
  /*margin: 10px;*/
 margin-left:-1px;
  margin-top:50px;
  padding: 10px;
  text-align: left;
  border-radius: 10px;
  

  /*box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;*/
}

#news1 div.moduletable, #news1 div.module,
#news1 div.moduletable_menu, #news1 div.module_menu {
  text-align: left;
}
#news1 div.moduletable h3, #news1 div.module h3,
#news1 div.moduletable_menu h3, #news1 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#news2 > div.inner {

background: #C8D6E6;
    background: -moz-linear-gradient(top,  #C8D6E6 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,FFFFFF), color-stop(100%,#FFFFFF));
    background: -webkit-linear-gradient(top,  #C8D6E6 0%,#FFFFFF 100%);
    background: -o-linear-gradient(top,  #C8D6E6 0%,#FFFFFF 100%);
    background: -ms-linear-gradient(top,  #C8D6E6 0%,#FFFFFF 100%);
    background: linear-gradient(top,  #C8D6E6 0%,#FFFFFF 100%);
    border: 1px solid #9FAEBF;
	border-radius: 10px;
	
	
  width: 677px;
  margin-left: -225px;
  margin-top: 50px;
  height:185px;
  padding: 10px;
  text-align: left; 
  
}

#news2 div.moduletable, #news2 div.module,
#news2 div.moduletable_menu, #news2 div.module_menu {
  text-align: left;
}

#news2 div.moduletable h3, #news2 div.module h3,
#news2 div.moduletable_menu h3, #news2 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#moduletop1 {
position:absolute;
    background: #ffffff;
     border: 1px solid #9FAEBF;
  width: 220px;
  height:76px;
/* margin-left:0px;*/
  margin-top:-98px;
 padding: 10px;
  text-align: left;
 
border-radius: 10px;

 /* box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;*/
}

#moduletop1 div.moduletable, #moduletop1 div.module,
#moduletop1 div.moduletable_menu, #moduletop1 div.module_menu {
  text-align: left;
}

#moduletop1 div.moduletable h3, #moduletop1 div.module h3,
#moduletop1 div.moduletable_menu h3, #moduletop1 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}


#modulestop > div.inner {
  text-align: left;
}

#modulestop div.moduletable, #modulestop div.module,
#modulestop div.moduletable_menu, #modulestop div.module_menu {
  text-align: left;
}

#modulestop div.moduletable h3, #modulestop div.module h3,
#modulestop div.moduletable_menu h3, #modulestop div.module_menu h3 {
  text-align: left;
}




#moduletop4> div.inner {/*video*/
   background: #ffffff;
  margin-top: 0px;
  width:218px;
  height:177px;
  margin-left: -10px;
  padding: 10px;
  text-align: left;
}

#moduletop4 div.moduletable, #moduletop4 div.module,
#moduletop4 div.moduletable_menu, #moduletop4 div.module_menu {
  text-align: left;
}

#moduletop4 div.moduletable h3, #moduletop4 div.module h3,
#moduletop4 div.moduletable_menu h3, #moduletop4 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}


#moduletop2 > div.inner {/*zoominfo*/

 
  /*margin-top: -70px;*/
  
  margin-left:-75px;
  padding: 10px;
  text-align: left;
  /*margin-top:-168px;*/

}

#moduletop2 div.moduletable, #moduletop2 div.module,
#moduletop2 div.moduletable_menu, #moduletop2 div.module_menu {
  text-align: left;
}

#moduletop2 div.moduletable h3, #moduletop2 div.module h3,
#moduletop2 div.moduletable_menu h3, #moduletop2 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#moduletop3 > div.inner {
  margin-top: -278px;
  margin-left: -645px;
  
  padding: 10px;
  text-align: left;
}

#moduletop3 div.moduletable, #moduletop3 div.module,
#moduletop3 div.moduletable_menu, #moduletop3 div.module_menu {
  text-align: left;
}

#moduletop3 div.moduletable h3, #moduletop3 div.module h3,
#moduletop3 div.moduletable_menu h3, #moduletop3 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}


#modulesbottom > div.inner {
  text-align: left;
}

#modulesbottom div.moduletable, #modulesbottom div.module,
#modulesbottom div.moduletable_menu, #modulesbottom div.module_menu {
  text-align: left;
}

#modulesbottom div.moduletable h3, #modulesbottom div.module h3,
#modulesbottom div.moduletable_menu h3, #modulesbottom div.module_menu h3 {
  text-align: left;
}



#modulebottom2 > div.inner {
background: #ffffff;
border-radius:10px;
border: 1px solid #9FAEBF;
	/*border-radius: 10px;*/
	
	
  
  margin-top: 0px;
  width:206px;
  height:190px;
  

  margin-left: 11px;
  padding: 10px;
  text-align: left;
  
}

#modulebottom2 div.moduletable, #modulebottom2 div.module,
#modulebottom2 div.moduletable_menu, #modulebottom2 div.module_menu {
  text-align: left;
}

#modulebottom2 div.moduletable h3, #modulebottom2 div.module h3,
#modulebottom2 div.moduletable_menu h3, #modulebottom2 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#modulebottom3 > div.inner {

 margin-top: 0px;
  border-radius:10px;
  background: #ffffff;

border: 1px solid #9FAEBF;  

  width:206px;
  height:190px;
  

  margin-left: 9px;
  padding: 10px;
  text-align: left;
}

#modulebottom3 div.moduletable, #modulebottom3 div.module,
#modulebottom3 div.moduletable_menu, #modulebottom3 div.module_menu {
  text-align: left;
}

#modulebottom3 div.moduletable h3, #modulebottom3 div.module h3,
#modulebottom3 div.moduletable_menu h3, #modulebottom3 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#modulebottom4 > div.inner {
 
  border-radius:10px;
  background: #ffffff;
border: 1px solid #9FAEBF;
	/*border-radius: 10px;*/
  margin-top: 0px;
  width:206px;
  height:190px;
 
  margin-left:8px;
  padding: 10px;
  text-align: left;

}

#modulebottom4 div.moduletable, #modulebottom4 div.module,
#modulebottom4 div.moduletable_menu, #modulebottom4 div.module_menu {
  text-align: left;
}

#modulebottom4 div.moduletable h3, #modulebottom4 div.module h3,
#modulebottom4 div.moduletable_menu h3, #modulebottom4 div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#modulebottom5 > div.inner {/*calendier */
  background: #ffffff;
  /*width:228px;*/

/*height:200;*/
/*border: 1px solid #9FAEBF;*/
  text-align: left;
border-radius: 10px;
	margin-left:-10px;
	margin-top:-5px;
  padding: 10px;
  text-align: left;
}

#modulebottom5 div.moduletable, #modulebottom5  div.module,
#modulebottom5 div.moduletable_menu, #modulebottom5  div.module_menu {
  text-align: left;
}

#modulebottom5  div.moduletable h3, #modulebottom5  div.module h3,
#modulebottom5  div.moduletable_menu h3, #modulebottom5 div.module_menu h3 {
  color: #333333;
  text-align: left;
 /* font-size: 16px;*/
}


#main {
  text-align: left;
}

#main div.moduletable, #main div.module,
#main div.moduletable_menu, #main div.module_menu {
  text-align: left;
}

#main div.moduletable h3, #main div.module h3,
#main div.moduletable_menu h3, #main div.module_menu h3 {
  text-align: left;
}

#left > div.inner {
  background: #ffffff;
  	width: 175px;
  zoom: 1;
  margin: 10px;
  margin-left: -10px;
  padding: 10px;
  text-align: left;
 
  

}

#left div.moduletable, #left div.module,
#left div.moduletable_menu, #left div.module_menu {
  text-align: left;
}

#left div.moduletable h3, #left div.module h3,
#left div.moduletable_menu h3, #left div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}



#right > div.inner {
  background: #ffffff;
  
  margin: 10px;
  margin-left: 0px;
  padding: 10px;
  text-align: left;
  box-shadow: #000000 1px 1px 1px 0px;
  -moz-box-shadow: #000000 1px 1px 1px 0px;
  -webkit-box-shadow: #000000 1px 1px 1px 0px;
}

#right div.moduletable, #right div.module,
#right div.moduletable_menu, #right div.module_menu {
  text-align: left;
}

#right div.moduletable h3, #right div.module h3,
#right div.moduletable_menu h3, #right div.module_menu h3 {
  color: #333333;
  text-align: left;
  font-size: 16px;
}

#center  {
  /*background: #ffffff;/*#F8F9F8;*/
 
  /*border-top: #27C301 30px solid;*/
  border-right: #EBECEB 0px solid;
  /*border-top: #4DAF28  10px solid;*/

 /*  border-radius: 10px; */
  color: #000000;
  margin: 10px;
  margin-bottom : 0px;
  margin-left:-17px;
   margin-right:-10px;
  padding: 10px;
  text-align: left;
}



#center div.moduletable, #center div.module,
#center div.moduletable_menu, #center div.module_menu {
  text-align: left;
}

#center div.moduletable h3, #center div.module h3,
#center div.moduletable_menu h3, #center div.module_menu h3 {
  text-align: left;
  color: #000000;
  font-size: 16px;
}



#cadre > div.inner {
  text-align: left;
  margin-bottom:10px;
  margin-top:0px;
}

#cadre div.moduletable, #cadre div.module,
#cadre div.moduletable_menu, #cadre div.module_menu {
  text-align: left;
}

#cadre div.moduletable h3, #cadre div.module h3,
#cadre div.moduletable_menu h3, #cadre div.module_menu h3 {
  text-align: left;
}


#cadre2 > div.inner {
width:680px;
height:90px;
margin-left: 8px;
border-radius:10px;
background: #ffffff;
margin-top:-40px;
    border: 1px solid #9FAEBF;
  padding: 10px;
  text-align: left;
  
}

#cadre2 div.moduletable, #cadre2 div.module,
#cadre2 div.moduletable_menu, #cadre2 div.module_menu {
  text-align: left;
}

#cadre2 div.moduletable h3, #cadre2 div.module h3,
#cadre2 div.moduletable_menu h3, #cadre2 div.module_menu h3 {
  color: #333333;
  text-align: left;
 /* font-size: 16px;*/
}

#cadre3 > div.inner {
background: #ffffff;
height:90px;
  padding: 10px;
  text-align: left;
  margin-left:-10px;
  margin-top:-50px;
  
}

#cadre3 div.moduletable, #cadre3 div.module,
#cadre3 div.moduletable_menu, #cadre3 div.module_menu {
  text-align: left;
}

#cadre3 div.moduletable h3, #cadre3 div.module h3,
#cadre3 div.moduletable_menu h3, #cadre3 div.module_menu h3 {
  color: #333333;
  text-align: left;
 
}

#cadre4 > div.inner {
background: #ffffff;  
    border: 1px solid #9FAEBF;

  padding: 10px;
  text-align: left;
}

#cadre4 div.moduletable, #cadre4 div.module,
#cadre4 div.moduletable_menu, #cadre4 div.module_menu {
  text-align: left;
}

#cadre4 div.moduletable h3, #cadre4 div.module h3,
#cadre4 div.moduletable_menu h3, #cadre4 div.module_menu h3 {
  color: #333333;
  text-align: left;
  /*font-size: 16px;*/
}


#footer31 {

 	background: #5694D1;
  background: -moz-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0C4C9F), color-stop(100%, #5694D1));
  background: -webkit-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -o-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -ms-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: linear-gradient(to bottom, #0C4C9F 0%, #5694D1 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0C4C9F', EndColorStr='#5694D1', GradientType=0);
  width : 928px;
  height: 295px;
  color: #ffffff;
  margin: 10px;
  margin-left : 0px;
  /*margin-right: 0px;*/
  padding: 10px;
 
  text-align: left;
  box-shadow: #ededed 1px 1px 1px 0px;
  -moz-box-shadow: #ededed 1px 1px 1px 0px;
  -webkit-box-shadow: #ededed 1px 1px 1px 0px;
}

#footer31 div.moduletable, #footer31 div.module,
#footer31 div.moduletable_menu, #footer31 div.module_menu {
  color: #ffffff;
  text-align: left;
  text-shadow: #3a3a3a 1px 1px 1px;
  
  
}


#footer31 div.moduletable h3, #footer31 div.module h3,
#footer31 div.moduletable_menu h3, #footer31 div.module_menu h3 {
  color: #ffffff;
  text-align: left;
  font-size: 14px;
  text-shadow: #3a3a3a 1px 1px 1px;
}



#footer {/*module en bas images */
width : 926px;
background: #ffffff;
border: 1px solid #9FAEBF;
	border-radius: 10px;

  color: #ffffff;
 /* margin: 10px;*/
  margin-top  : -20px;
   margin-bottom : 0px;
   
 /*margin-right: px;*/
  padding: 10px;
  /*border-top: #4DAF28 5px solid;*/
  text-align: left;
  height: 130px;
}

#footer div.moduletable, #footer div.module,
#footer div.moduletable_menu, #footer div.module_menu {
  color: #ffffff;
  text-align: left;
  text-shadow: #3a3a3a 1px 1px 1px;
}

#footer div.moduletable h3, #footer div.module h3,
#footer div.moduletable_menu h3, #footer div.module_menu h3 {
  color: #ffffff;
  text-align: left;
  font-size: 14px;
  text-shadow: #3a3a3a 1px 1px 1px;
}


#footer33 {
  width : 370px;
  height: 15px;
  color: #ffffff;
 /* margin: 0px;/*/
  margin-top:-85px;
  margin-left : 0px;
  /*margin-right: 50px;*/
  padding: 10px;
  text-align: left;
 
}


#footer32 {/*copyright*/

background: #5694D1;
  background: -moz-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0C4C9F), color-stop(100%, #5694D1));
  background: -webkit-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -o-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: -ms-linear-gradient(top, #0C4C9F 0%, #5694D1 100%);
  background: linear-gradient(to bottom, #0C4C9F 0%, #5694D1 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0C4C9F', EndColorStr='#5694D1', GradientType=0);
  width : 928px;
  height: 25px;
  color: #ffffff;
  margin: 0px;
  margin-top:-20px;
  margin-left : 0px;
  /*margin-right: 50px;*/
  padding: 10px;
  border-top: #4DAF28 3px solid;
  /*border-top: #4DAF28 5px solid;*/
  text-align: left;
  box-shadow: #ededed 1px 1px 1px 0px;
  -moz-box-shadow: #ededed 1px 1px 1px 0px;
  -webkit-box-shadow: #ededed 1px 1px 1px 0px;
}

#footer32 div.moduletable, #footer32 div.module,
#footer32 div.moduletable_menu, #footer32 div.module_menu {
  color: #ffffff;
  text-align: left;
  text-shadow: #3a3a3a 1px 1px 1px;
}

#footer32 div.moduletable h3, #footer32 div.module h3,
#footer32 div.moduletable_menu h3, #footer32 div.module_menu h3 {
  color: #ffffff;
  text-align: left;
  font-size: 14px;
  text-shadow: #3a3a3a 1px 1px 1px;
}









/* ---------------------------------------
  Responsive design code
-----------------------------------------*/

@media screen and (max-width: 1024px) {

img {
  max-width: 100% !important;
        height: auto !important;
}

#wrapper {
  width: 950px !important;
}

.hidemobile4 {
  display: none !important;
}

#main .center {
  width: 550px !important;
}


}

@media screen and (max-width: 950px) {

#wrapper {
  width: 758px !important;
}

.hidemobile3 {
  display: none !important;
}

#main .center {
  width: 358px !important;
}


}

@media screen and (max-width: 758px) {

#wrapper, .column {
  width: 524px !important;
}

.hidemobile2 {
  display: none !important;
}

/*.flexiblemodule {
  width: 50% !important;
}

.flexiblemodule > div.inner {
  margin: 5px !important;
}

.column .moduletable, .column .moduletable_menu {
  float: left;
  width: 45% !important;
  margin: 10px 0 0 0 !important;
  padding: 2% !important;
}

.column div.moduletable:first-child, .column div.moduletable_menu:first-child {
  margin-right: 2% !important;
}*/

#modulestop .flexiblemodule {
  width: 50% !important;
float: left;
}
#modulesbottom .flexiblemodule {
  width: 50% !important;
float: left;
}
#main .column1 {
  width: 100% !important;
float: none;
}
#main .column1 div.inner, #main .column1 div.inner > div {
margin-left: 0 !important;
margin-right: 0 !important;
}
#main .center {
  width: 324px !important;
}
#main .column2 {
  width: 200px !important;
}


}

@media screen and (max-width: 524px) {

#wrapper {
  width: 292px !important;
}

.hidemobile1 {
  display: none !important;
}

#nav {
  height: auto !important;

}
#nav ul {
  height: auto !important;
}
#nav li {
  float :none !important;
  width: 100% !important;
}
#nav div.floatck {
  width: 100% !important;
}
#modulestop .flexiblemodule {
  width: 100% !important;
float: none;
}
#modulestop .flexiblemodule > div.inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#modulesbottom .flexiblemodule {
  width: 100% !important;
float: none;
}
#modulesbottom .flexiblemodule > div.inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#main .column {
  width: 100% !important;
  float: none;
}
#main .column1 div.inner, #main .column2 div.inner {
  overflow:hidden;
}
#main .column div.inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.items-row .item, .column, .flexiblemodule, .logobloc {
  width: auto !important;
  float: none;
  margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
  float: none;
  width: auto !important;
  /*margin: 0 !important;
  padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
  max-width: 80px;
}

.contact input, .contact textarea {
  max-width: 160px;
}

}