/* Template  http://www.technologuepro.com  */

/* PARAMÈTRES   */



body 

{

margin: 0%;

padding: 0%;

border-width: 0px;

font-family: verdana, Arial, Sans-serif;

color: #254394;

font-size: 11px;

background: #FFFFFF;

}




img

{

vertical-align:top;

padding:0px;

margin:0px;

border: 0px;

border-spacing: 0px;

border-collapse: collapse;

}


a { color: #16387c; }
a:visited { color: #5b73a3; }
a:visited { color: #666; }


a, a:link, a:visited 

{



text-decoration:none;

font-weight:bold;

font-size:10px;

}

a:hover, a:active 

{

color:#FF8C00;

font-size:10px;

text-decoration: underline;



}



input, select, textarea ,form

{

font-family: Verdana, Arial, Sans-serif; 

font-size: 10px;

font-weight:bold;

}



.both {

	clear: both;

}





/* HEADER  ( Bannière )*/



div#header

{

height: 143px;

background: url('images/image1.jpg');

width: 950px;

margin: auto;

}

div#header div#titre

{

padding: 6px 0px 0px 10px;

}

div#menu

{

width: 950px;

height: 20px;

background: url('images/headerh.png') repeat-x;

background-position:0px -99px;

margin: auto;

}

div#menu div.boutons

{

padding: 3px 2% 3px 2%;

float: left;

width: 12%;

}

div#menu div#boutons2

{

padding: 3px 2% 3px 2%;

float: left;

}

div#menu div#boutons3

{

padding: 3px 2% 3px 2%;

float: left;

}

div#menu div#boutons4

{

padding: 3px 2% 3px 2%;

float: left;

}

div#menu div#boutons5

{

padding: 3px 2% 3px 2%;

float: left;

}

div#menu div#boutons6

{

padding: 3px 2% 3px 2%;

float: left;

}

/* CONFIGURATIONS GÉNÉRAL DU SITE */



div#corps 

{

width: 950px;

margin: auto;

}



div#gauche

{

width: 20%;

min-width: 150px;

float: left;

}

div#fond

{

background: #FFFFFF;

}

div#centre 

{

width: 60%;

min-width: 300px;

float: left;

}	

div#centreglobal 

{

width: 80%;

min-width: 300px;

float: left;

}	

div#droite 

{

width: 20%;

min-width: 150px;

float: left;



}		

		

/* FOOTER  ( Bas du site )*/



div#hautFooter 

{

width: 950px;

height: 2px;

background: url('images/headerh.png') repeat-x;

background-position:0px -99px;

margin: auto;

}



div#footer 

{

width: 950px;

height: 46px;

margin: auto;

background: url('images/headerh.png') repeat-x;

background-position:0px -13px;

color: #FFFFFF;

}

div#footer a, div#footer a:link, div#footer a:visited 

{

color: #FFFFFF;

text-decoration:none;

font-weight:normal;

}

div#footer a:hover, div#footer a:active 

{

color:#000000;

}

div#footer div#left

{

width: 15%;

float: left;

padding: 14px 0px 0px 66px;

}

div#footer div#left div#text

{

padding: 14px 0px 0px 66px;

}

div#footer div#right

{

width: 15%;

float: left;

padding: 4px 10px 0px 0px;

text-align: right;

}

div#footer div#right div#text

{

padding: 4px 10px 0px 0px;

text-align: right;

}

div#footer div#mid

{

width: 70%;

float: left;

}

div#footer div#mid div#text

{

text-align: center;

padding: 6px 0px 30px 0px;

}





/* CONFIGURATION DES BLOCKS ET NEWS */



/* BLOCK GAUCHE */



div#gauche div.block 

{

padding: 10px 0px 0px 0px;

}

div#gauche div.block div.cadre 

{

background: #FFB6C1;

padding: 1px;

}

div#gauche div.block div.cadre div.titre 

{

width: 100%;

height: 24px;



background-position:0px -152px;

color : #0D627E;

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: #FFFFCC;

}

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: #D6D5D9;

padding: 1px;

}

div#centre div.block div.cadre div.titre 

{

width: 100%;

height: 24px;

background: url('images/headerh.png') repeat-x;

background-position:0px -130px;

color: #0D627E;

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: #FFFFFF;

}

div#centre div.block div.cadre div.contenu div.text

{

padding: 5px;

}

div#centre div.block div.cadre div.bas

{

width: 100%;

height: 24px;

background: url('images/headerh.png') repeat-x;

background-position:0px -130px;

}


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 0px 0px 0px;

color: #000000;

}

div#droite div.block div.cadre 

{

background: #D6D5D9;

padding: 1px;

}

div#droite div.block div.cadre div.titre 

{

width: 100%;

height: 24px;

background: url('images/headerh.png') repeat-x;

background-position:0px -130px;

color : #0D627E;

font-weight:bold;

}

div#droite div.block div.cadre div.titre div.text

{

padding: 4px 0px 0px 4px;

}

div#droite div.block div.cadre div.contenu 

{

width: 100%;

height: 100%;

background: #FFFFFF;

}

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/headerh.png') repeat-x;

background-position:0px -152px;

}

.input{

background:transparent url("input.gif");

}

.admin, .adminmenbre, .annonces, .annuaire, .articles, .calendrier, .chat, .compte, .contact, .cours, .edit_add, .feed, .forum, .galerie, .home, .jeux_flash, .livreor, .membre, .message_priv, .montage, .partenaires, .pfe, .recherche, .recomender, .stat, .telechargement, .td{

	background:transparent url("pucesh.gif") no-repeat 22px 0;

	padding:.54em 0 .54em 1.5em;

}

.cat1, .cat2, .cat3, .cat4, .cat5, .cat6, .cat7, .cat8, .cat9, .cat10{

	background:transparent url("pucesh.gif") no-repeat 40px 0;

	padding:.80em 0 .80em 2.8em;

}

.admin{

	background-position:0px -23px;

}

.adminmenbre {

	background-position:0px -63px;

}

.annonces {

	background-position:0px -108px;

}

.annuaire {

	background-position:0px -148px;

}

.articles{

	background-position:0px -186px;

}

.calendrier{

	background-position:0px -222px;

}

.chat{

	background-position:0px -263px;

}

.compte{

	background-position:0px -308px;

}

.contact{

	background-position:0px -352px;

}

.cours{

	background-position:0px -396px;

}

.edit_add{

	background-position:0px -438px;

}

.feed{

	background-position:0px -476px;

}

.forum{

	background-position:0px -512px;

}

.galerie{

	background-position:0px -548px;

}

.home{

	background-position:0px -582px;

}

.jeux_flash{

	background-position:0px -622px;

}

.livreor{

	background-position:0px -664px;

}

.membre{

	background-position:0px -706px;

}

.message_priv{

	background-position:0px -746px;

}

.montage{

	background-position:0px -790px;

}

.partenaires{

	background-position:0px -826px;

}

.pfe{

	background-position:0px -868px;

}

.recherche{

	background-position:0px -908px;

}

.recomender{

	background-position:0px -948px;

}

.stat{

	background-position:0px -995px;

}

.telechargement{

	background-position:0px -1040px;

}

.td{

	background-position:0px -1077px;

}

.cat1{

	background-position:2px -1225px;

}

.cat2{

	background-position:2px -1173px;

}

.cat3{

	background-position:2px -2215px;

}

.cat4{

	background-position:2px -1477px;

}

.cat5{

	background-position:2px -1350px;

}

.cat6{

	background-position:2px -1285px;

}

.cat7{

	background-position:2px -1543px;

}

.cat8{

	background-position:2px -1173px;

}

.cat9{

	background-position:2px -1117px;

}

.cat10{

	background-position:2px -1415px;

}

.login-pseudo

{

	display:block;

	background:url(images/login-input_pseudo.png) no-repeat;

	height:21px;

	width:116px;

}



.login-pass

{

	display:block;

	background:url(images/login-input_pass.png) no-repeat;

	height:21px;

	width:116px;

}



.login a

{

color: #FFFFFF;

}