html{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding:0px;
margin:0px;
height:100%;
}
body {
margin:0px;
padding:0px;
padding-top:80px;
padding-bottom:40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 100%;
background:url(wavegrid.png);
}
.chargement div {
position: fixed;
left: 0%;
width: 100%;
z-index:1000;
-moz-animation-name: nomAnim;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0.1s;
-moz-animation-iteration-count: 1;
-webkit-animation-name: nomAnim;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0.1s;
-webkit-animation-iteration-count: 1;
}
#page {
position:absolute;
margin:0px;
padding:0px;
top:0px;
width:100%;
background:url(header_bg_repeat.png) repeat-x left top;
margin-bottom:50px;
}
#header {
position:fixed;
margin:0px;
padding:0px;
top:0px;
height:80px;
width:100%;
background:url(header_bg.jpg) no-repeat center top;
}
#header h1 a {
position:absolute;
width:220px;
height:90px;
float:left;
margin:0px;
overflow:hidden;
text-indent:-9999em;
color: #C4C4C4;
background:url(logo.png) no-repeat left top;
}
#header_carres {
width:100%;
margin:0px;
padding:0px;
position:absolute;
top:2px;
right:20px;
height:23px;
background:url(palette_bleu_alpha.png) no-repeat right top;
}
#header nav {
float:right;
margin:0px 0 0 0;
padding-top:10px;
}
#header nav a {
color: #F8F8F8;/*#fff; */
padding:10px 20px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
float:left;
margin:0 5px 0 0;
text-decoration:none;
text-shadow:#000 1px 1px 0;
-moz-transition:all ease-out 0.2s;
-webkit-transition:all ease-out 0.2s;
transition:all ease-out 0.2s;
position:relative;
z-index:5;
}
#header nav a:hover{
background:#002F5B; /*#000; */
}
#header nav a.active {
background:#001E3A; /*#000; */
/*box-shadow:rgba(255,255,255,0.3) 0 0 10px;*/
}
#menu_h {
margin:0px;
padding:0px;
position:absolute;
top:50px;
width:100%;
height:30px;
background-image:-moz-linear-gradient( 180deg, #C4C4C4, #333333);
background-image:-webkit-linear-gradient( 180deg, #C4C4C4, #333333);
background-image:-o-linear-gradient( 180deg, #C4C4C4, #333333);
background-image:linear-gradient( 180deg, #C4C4C4, #333333);
font-weight:bold;
z-index:1000;
}
#menu_h ul{
margin:0px;
padding:0px;
padding-left:100px;
list-style-type:none;
text-align:center;
}
#menu_h li{
float:left;
margin:0px;
padding:0px;
border-left: 2px solid #F8F8F8;
}
#menu_h li:last-child {
border-right: 2px solid #F8F8F8;
}
#menu_h li a {
margin:0px;
padding:0px;
padding-top:5px;
display:block;
width:100px;
height:25px;
text-decoration:none;
color:#F8F8F8;
}
#menu_h li a:hover{
color: #001E3A;
background-color: #F8F8F8;
background-image:-moz-linear-gradient( 180deg, #F8F8F8, #6C6C6C);
background-image:-webkit-linear-gradient( 180deg, #F8F8F8, #6C6C6C);
background-image:-o-linear-gradient( 180deg, #F8F8F8, #6C6C6C);
background-image:linear-gradient( 180deg, #F8F8F8, #6C6C6C);
}
#menu_h ul ul{
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
border-left:none;
border-right:none;
}
#menu_h li li{
margin:0px;
padding:0px;
border-left:none;
border-right:none;
}
#menu_h li li a{
margin:0px;
padding:0px;
padding-top:5px;
padding-left:5px;
display:block;
width:120px;
height:25px;
background-color: #002F5B;
}
#menu_h ul li ul {
display:none;
}
#menu_h ul li:hover ul {
margin:0px;
padding:0px;
display:block;
width:100px;
height:25px;
}
#menu_h li:hover ul li {
float:none;
}
#menu_v{
padding:0;
margin:0;
width: 100px; /* seule ligne rajoutée */
}
#menu_v ul{
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
width: 100px;
position: absolute;
left:-999em;
}
#menu_v li {
position: relative;
background-color: #003C78;
margin-bottom:2px;
}
#menu_v a {
display:block;
text-decoration: none;
color: #003C78;
padding:5px;
}
#menu_v li:hover ul {
top: 0;
left: 100px;
color: #003C78;
background-color: #003C78;
border:solid 1px #003C78;
}
#menu_v li a:hover{
color: #003C78;
background-color: #003C78;
}
#main{
margin-top:80px;
display:table;
height:100%;
width:100%;
/*background-color: #999999;*/
}
#section_left{
display:table-cell;
vertical-align:top;
width: 100px;
top: 0px;
bottom: 0px;
/*background-color: #C4C4C4;*/
font-weight:bold;
font-size:12px;
color: #001E3A;
}
#section_right{
display:table-cell;
vertical-align:top;
width: 100px;
top: 0px;
bottom: 0px;
color: #001E3A;
text-align:left;
/*background-color: #C4C4C4;*/
}
section{
padding-top:50px;
display:table-cell;
line-height:28px;
font-weight:bold;
font-size:20px;
color: #001E3A;
/*background-color: #C4C4C4;*/
/*background: linear-gradient(to right,
, , , ,
, , , );*/
/*background: radial-gradient(ellipse at center center,
, , , );*/
}
article{
margin:4px;
color: ;
font-weight:bold;
background-color: ;
}
#article_header{
text-align:center;
line-height:28px;
font-weight:bold;
font-size:20px;
color: ;
background-image:-moz-linear-gradient( 0deg, , );
background-image:-webkit-linear-gradient( 0deg, , );
background-image:-o-linear-gradient( 0deg, , );
background-image:linear-gradient( 0deg, , );
margin-bottom:10px;
}
/*#article_header_img{
background:url(carres_anis.png) no-repeat right top;
}*/
#article_footer{
margin-top:10px;
text-align:right;
color: ;
/*background:url(palette_framboise.png) no-repeat left top;*/
background-color: #001E3A;
}
/*#article_footer_img{
background:url(carres_bleu.png) no-repeat left bottom;
}*/
#article_content{
min-height:46px;
background:url(palette_anis.png) no-repeat right top;
}
footer{
clear:both; /* Force à remettre aligné à gauche */
width:100%;
position:fixed;
bottom:0px;
height:46px;
color:#C4C4C4;
font-weight:bold;
background:url(palette_bleu_alpha.png) no-repeat right top;
background-color: #003C78;
}
.mailing{
color:#C4C4C4;
}