/*******************************************************
base : http://www.csstinderbox.com
voir aussi :
http://www.w3schools.com/css/
http://css.maxdesign.com.au/listamatic2/vertical02.htm pour menu hiérarchique vertical
*******************************************************/

body {
background-color:#e7e7e7;
background-image:url('images/fullbg.png');
background-position: left top;
background-repeat:repeat-x;
margin:0px;
padding:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
}

* {
margin:0px;
padding:0px;
outline: 0; 
text-decoration:none;
list-style:none;
font-family:Lucida Sans Unicode, Lucida Grande, Lucida, Arial, Helvetica, sans-serif;
font-size:12px;
}

ul  {
padding-left:36px;
}

ul, p  {
padding-bottom:12px;
}

a:link {
color: #00488c;
}

a:visited {
color: #00488c;
}

a:hover {
color: #63c3f0;    
}

a:active {
color: #00488c;
}

#contentwrapper {
width:920px;
margin-left:auto;
margin-right:auto;
}

#content { 	
width:920px;
margin-left:auto;
margin-right:auto;
padding-bottom:18px;
background-image:url('images/vertBG.png');
background-repeat:repeat-y;
background-position:center 480px;
}

#subcontent { 	
width:920px;
margin-left:auto;
margin-right:auto;
}

#header {
height:288px;
background: url("images/haut.png");
background-repeat: no-repeat;
background-position: top center;
}

#navbar {
height:24px;
text-align:center;
padding-top:12px;
text-transform:uppercase;
font-weight:bold;
}

#is2col {
margin:0px;
padding:0px;
margin-left:0px;
margin-right:0px;
text-align:center;
background-image:url('images/fond.png');
background-repeat:no-repeat;
background-position:center top;
}

.is2col {
margin:0px;
padding:0px;
padding-left:12px;
float:left;
}

#is2col_1 {
width:527px;
padding-left:75px;
}

#is2col_1_in {
padding:12px 15px 12px 15px;
padding-top:27px;
min-height:322px;
border:#8ed1f0 3px double;
text-align:justify;
}
/* for Internet Explorer */
/*\*/
* html #is2col_1_in {
height: 322px;
}
/**/

#is2col_1_in p {
font-size:12px;
text-align:justify;
line-height:130%;
}

#is2col_2 {
width:224px;
margin-left:6px
}

#is2col_2_in {
padding:27px 8px 18px 12px;
border:#8ed1f0 3px double;
line-height:120%;
}

#is2col_2_in h2 {
font-size:13px;
font-weight:bold;
margin-top:18px;
margin-bottom:12px;
padding:4px;
padding-top:7px;
text-transform:uppercase;
color:#555555;
background-color:#90d2f0;
}

#is2col_2_in p, #is2col_2_in i {
font-size:11px;
}

#footer {
/*position:relative;*/
padding-top:0px;
clear:both;
height:56px;
text-align:center;
font-size:11px;
background: url("images/pied.png");
background-repeat: no-repeat;
background-position:center bottom;
}

.is1col {
margin:0px;
padding-left:77px;
padding-top:0px;
clear:both;
width:768px;
}

#is1col_1_in {
padding:0px 21px 0px 21px;
text-align:center;
}

#is1col_1_in p {
line-height:80%
text-align:left;
}

#is1col_1_in h1 {
font-size:18px;
text-align:left;
color:#8ED1F0;
}

#is1col_1_in h2 {
font-size:16px;
text-align:left;
}

#is1col_1_in h2.rouge {
color:#F00;
}

#is1col_1_in .padded {
padding-left:48px;
}

.padded2 {
padding-left:48px;
padding-right:60px;
text-align:justify;
line-height:110%;
font-size:12px;
}

#is1col_1 {
padding-left:20px;
margin-left:55px;
padding-top:0px;
clear:both;
width:768px;
background-image:url('images/fond.png');
background-repeat:no-repeat;
background-position:-55px top;
}

#is1col_1_in {
padding-left:36px;
padding-top:18px;
border:#8ed1f0 3px double;
background:transparent;
}

#is1col_1_in h1 {
font-size:18px;
padding-bottom:12px;
color:#8ED1F0;
}

#is1col_1_in h2 {
font-size:14px;
padding-bottom:12px;
}

#homelink  {
text-align:right;
width:320px;
position:relative;
float:right;
right:108px;
top:254px;
font-size:14px;
font-weight:bold;
}