/* Template InS_SP4XP by http://www.Innovatio-Studio.net
Designed & Coding by Elipsy
Nuked-Klan Powered */


/* PARAMÈTRES GÉNÉRALE */

body 
{
margin: 0%;
padding: 0%;
border-width: 0px;
font-family: verdana, Arial, Sans-serif;
color: #636973;
font-size: 12px;
background: #FFFFFF;
}

img
{
vertical-align:top;
padding:0px;
margin:0px;
border: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

a, a:link, a:visited 
{
color: #90ADCB;
text-decoration:none;
font-weight:bold;
}
a:hover, a:active 
{
color:#C5E4E6;
}

input, select, textarea ,form
{
font: 1em Arial, serif;
}

.both {
	clear: both;
}


/* HEADER  ( Bannière )*/

div#header
{
width: 100%;
height: 170px;
background: url('images/header.png') repeat-x;
}
div#header div#titre
{
padding: 18px 0px 0px 10px;
}
div#menu
{
width: 100%;
min-width: 950px;
height: 30px;
background: url('images/bgMenu.png') repeat-x;
margin: auto;
}
div#menu div.boutons
{
padding: 3px 2% 3px 2%;
float: left;
width: 12%;
}
div#menu div#boutons2
{
padding: 3px 2% 3px 1%;
float: left;
}
div#menu div#boutons3
{
padding: 3px 2% 3px 1%;
float: left;
}
div#menu div#boutons4
{
padding: 3px 2% 3px 1%;
float: left;
}
div#menu div#boutons5
{
padding: 3px 2% 3px 1%;
float: left;
}
div#menu div#boutons6
{
padding: 3px 2% 3px 2%;
float: left;
}
/* CONFIGURATIONS GÉNÉRAL DU SITE */

div#corps 
{
width: 100%;
min-width: 950px;
}
div#gauche 
{
width: 20%;
min-width: 150px;
float: left;
background: url('images/background.png') repeat-y;
}
div#fond
{
background: #FFFFFF;
}
div#centre 
{
width: 60%;
min-width: 300px;
float: left;
}		
div#droite 
{
width: 20%;
min-width: 150px;
float: left;
}		
		
/* FOOTER  ( Bas du site )*/

div#hautFooter 
{
width: 100%;
height: 2px;
background: url('images/hautFooter.png') repeat-x;
}

div#footer 
{
width: 100%;
height: 46px;
background: url('images/footer.png') repeat-x;
color: #FFFFFF;
}
div#footer a, div#footer a:link, div#footer a:visited 
{
color: #C5E4E6;
text-decoration:none;
font-weight:normal;
}
div#footer a:hover, div#footer a:active 
{
color:#000000;
}
div#footer div#left
{
width: 35%;
float: left;
}
div#footer div#left div#text
{
padding: 14px 0px 0px 66px;
}
div#footer div#right
{
width: 30%;
float: left;
}
div#footer div#right div#text
{
padding: 4px 10px 0px 0px;
text-align: right;
}
div#footer div#mid
{
width: 35%;
float: left;
}
div#footer div#mid div#text
{
text-align: center;
padding: 6px 0px 0px 0px;
}


/* CONFIGURATION DES BLOCKS ET NEWS */

/* BLOCK GAUCHE */

div#gauche div.block 
{
padding: 12px;
}
div#gauche div.block div.cadre 
{
background: #FFF1E7;
padding: 1px;
}
div#gauche div.block div.cadre div.titre 
{
width: 100%;
height: 22px;
background: url('images/titreBlockGauche.png') repeat-x;
color: #9b9989;
font-weight:bold;
}
div#gauche div.block div.cadre div.titre div.text
{
padding: 4px 0px 0px 4px;
}
div#gauche div.block div.cadre div.contenu 
{
width: 100%;
height: 100%;
background: #FFFFFF;
}
div#gauche div.block div.cadre div.contenu div.text
{
padding: 4px;
}


/* BLOCK CENTRE , BAS ET NEWS */

div#centre div.block 
{
padding: 10px;
}
div#centre div.block div.cadre 
{
background: #FFF1E7;
padding: 1px;
}
div#centre div.block div.cadre div.titre 
{
width: 100%;
height: 22px;
background: url('images/titreBlockGauche.png') repeat-x;
color: #FFFFFF;
font-weight:bold;
}
div#centre div.block div.cadre div.titre  div.text
{
padding: 4px 0px 0px 4px;
}
div#centre div.block div.cadre div.contenu 
{
width: 100%;
height: 100%;
background: #F0EFF2;
}
div#centre div.block div.cadre div.contenu div.text
{
padding: 4px;
}
div#centre div.block div.cadre div.bas
{
width: 100%;
height: 17px;
background: url('images/basNews.png') repeat-x;
}
div#centre div.block div.cadre div.bas div.infoNews
{
padding: 3px 10px 0px 0px;
text-align: right;
}


/* BLOCK DROITE */

div#droite div.block 
{
padding: 10px;
color: #000000;
}
div#droite div.block div.cadre 
{
background: #FFF1E7;
padding: 1px;
}
div#droite div.block div.cadre div.titre 
{
width: 100%;
height: 24px;
background: url('images/titreBlockDroite.png') repeat-x;
font-weight:bold;
}
div#droite div.block div.cadre div.titre div.text
{
padding: 5px 0px 0px 4px;
}
div#droite div.block div.cadre div.contenu 
{
width: 100%;
height: 100%;
background: #CCD8E7;
}
div#droite div.block div.cadre div.contenu div.text
{
padding: 4px;
}
div#droite div.block div.cadre div.bas
{
width: 100%;
height: 3px;
background: url('images/basBlockDroite.png') repeat-x;
}