@import url('liste-deroulante.css');
/*parametres généraux*/
* {
	padding:0;
	margin:0;
}
body {
	background:url(../IMG/img-soutien-scolaire/body-bg.gif) repeat-x #36697f;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color:#4e4f4d
}
img {
	border:0;
}
a {
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color: #8cc63f;
	text-decoration:none;
	cursor:pointer;
	
}

.boutonaccueil{
 background-image:url(../IMG/img-soutien-scolaire/boutonacces.png);
  width:234px;height:50px;background-repeat:no-repeat;margin-left:25px;
}

.boutonaccueil p a{
color:#666666;}

.boutonaccueil p a:hover{
color:#999999;}


.cache
{display:none}

/*Les boutons, appliquer ces class à des balises <a> contenant un <span>*/
.btbleu {
	display:block;
	background:url(../IMG/img-soutien-scolaire/bt_bleu-g.gif) no-repeat;
	height:21px;
	padding:1px 6px 2px 10px;
	color:#0f698c;
	font-size:14px;
	font-weight:bold;
	position:relative;
	float:left;
}
.btbleu span {
	background:url(../IMG/img-soutien-scolaire/bt_bleu-d.gif) no-repeat;
	height:21px;
	width:7px;
	display:block;
	position:absolute;
	right:-3px;
	top:0;
}
.btvert {
	background:url(../IMG/img-soutien-scolaire/bt_vert-g.gif) no-repeat;
	height:21px;
	padding:1px 6px 2px 10px;
	color:#3a5c0d;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:block;
	float:left;
}
.btvert span {
	background:url(../IMG/img-soutien-scolaire/bt_vert-d.gif) no-repeat;
	height:21px;
	width:7px;
	display:block;
	position:absolute;
	right:-5px;
	top:0;
}
.btorange {
	background:url(../IMG/img-soutien-scolaire/bt_orange-g.gif) no-repeat;
	height:21px;
	padding:1px 6px 2px 10px;
	color:#8d5e02;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:block;
	float:left;
}
.btorange span {
	background:url(../IMG/img-soutien-scolaire/bt_orange-d.gif) no-repeat;
	height:21px;
	width:7px;
	display:block;
	position:absolute;
	right:-5px;
	top:0;
}
.btbleu, .btvert, .btorange {
	margin-right:5px;
}
a.btbleu:hover, a.btvert:hover, a.btorange:hover {
	color:#fff;
	text-decoration:none;
}


/*Les onglets, appliquer ces class à des balises <a> contenant un <span>*/
.ongletrouge, .ongletorange, .ongletjaune {
	height:28px;
	display:block;
	float:left;
	font-size:14px;
	color:#fff;
	padding:5px 0 0 9px;
	position:relative;
	margin-right:12px;
}
.ongletrouge:hover, .ongletorange:hover, .ongletjaune:hover {
	color:#fff;
	text-decoration:none;
}
.ongletrouge span, .ongletorange span, .ongletjaune span {
	height:33px;
	width:7px;
	display:block;
	position:absolute;
	top:0;
	right:-7px;
}
.ongletrouge {
	background:url(../IMG/img-soutien-scolaire/onglet-rouge-gauche.gif) no-repeat;
}
.ongletrouge span {
	background:url(../IMG/img-soutien-scolaire/onglet-rouge-droite.gif) no-repeat;
}
.ongletorange {
	background:url(../IMG/img-soutien-scolaire/onglet-orange-gauche.gif) no-repeat;
}
.ongletorange span {
	background:url(../IMG/img-soutien-scolaire/onglet-orange-droite.gif) no-repeat;
}
.ongletjaune {
	background:url(../IMG/img-soutien-scolaire/onglet-jaune-gauche.gif) no-repeat;
}
.ongletjaune span {
	background:url(../IMG/img-soutien-scolaire/onglet-jaune-droite.gif) no-repeat;
}

/*Mise en place des éléments du layout*/
#header, #global, #contact, #blochome {
	margin:auto;
	width:994px;
	margin-bottom:10px;
}
#global{
margin:auto;
	width:1050px;
	margin-bottom:-7px;
}


#header {
	height:98px;
	position:relative;
}
#colonne {
	width:214px;
	float:left;
	position:relative;
	background-color:#3bbbed;
	border: solid 3px #01b6fd;
	border-right:0
}
#contenu {
	width:767px;
	float:left;
	position:relative
}
#contact {

	height:117px;
}
#footer {
	height:55px;
}
.clear {
	clear:both;
}


/*Mise en place des coins*/
.coinBHG {
	background-image:url(../IMG/img-soutien-scolaire/coin-bleu-hg.gif);
	height:18px;
	width:18px;
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:1;
	background-repeat:no-repeat;
}
.coinBBG {
	background-image:url(../IMG/img-soutien-scolaire/coin-bleu-bg.gif);
	height:18px;
	width:18px;
	position:absolute;
	bottom:-3px;
	left:-3px;
	z-index:2;
	background-repeat:no-repeat;
}
.coinBBG2 {
	background-image:url(../IMG/img-soutien-scolaire/coin-bleu-bg2.gif);
	height:18px;
	width:18px;
	position:absolute;
	bottom:-3px;
	right:0px;
	z-index:2;
	background-repeat:no-repeat;
}
.coinBHM {
	background-image:url(../IMG/img-soutien-scolaire/coin-bleu-hm.gif);
	width:16px;
	height:44px;
	position:absolute;
	z-index:1;
	left:-3px;
	background-repeat:no-repeat;
}
.coinBHD {
	background-image:url(../IMG/img-soutien-scolaire/coin-bleu-hd.gif);
	width:18px;
	height:44px;
	position:absolute;
	z-index:1;
	right:-3px!important;
	right:-4px;
	background-repeat:no-repeat;
}
.coinGHG {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-hg.gif);
	width:18px;
	height:17px;
	position:absolute;
	z-index:1;
	left:-3px;
	top:-3px;
	background-repeat:no-repeat;
}
.coinGHD {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-hd.gif);
	width:18px;
	height:17px;
	position:absolute;
	z-index:1;
	right:-3px;
	top:-3px;
	background-repeat:no-repeat;
}
.coinGBG {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-bg.gif);
	width:17px;
	height:17px;
	position:absolute;
	z-index:1;
	left:-3px;
	bottom:-3px!important;
	bottom:-5px;
	background-repeat:no-repeat;
}
.coinGBD {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-bd.gif);
	width:17px;
	height:17px;
	position:absolute;
	z-index:1;
	right:-3px;
	bottom:-3px!important;
	bottom:-5px;
	background-repeat:no-repeat;
}

#contact .coinGBG {
	bottom:-5px;
}
#contact .coinGBD {
	bottom:-5px;
}
/*Skinning du header*/
#header h1 {
	position:absolute;
	left:-3000px;
}
#header img {
	margin:13px 0 0 8px;
}
#onglets {
	position:absolute;
	top:0;
	right:0;
}


/*Skinning du bloc de la homepage*/
#blochome {
	text-align:center;
	background:url(../IMG/img-soutien-scolaire/contact-bg.gif) repeat-x center 120% #fff;
	border: 3px solid #a5b0b6;
	position:relative;
}
#blochome h2 {
	margin:5px 0 0 0;
	font-size:20px;
	color:#36697f;
}
#blochome .coinGHD {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-home-hd.gif);
}
#blochome .coinGHG {
	background-image:url(../IMG/img-soutien-scolaire/coin-gris-home-hg.gif);
}
#blochome a:hover {
	color:#000;
	text-decoration:none;
}
.blocHomeBleu, .blocHomeVert, .blocHomeOrange {
	position:relative;
	display:block;
	float:left;
	width:310px;
	height:324px;
	background-position:center top;
	background-repeat:no-repeat;
	padding:0;
	margin:10px 10px 20px 10px!important;
	margin:10px 5px 20px 10px;
}
.blocHomeBleu {
	background-image:url(../IMG/img-soutien-scolaire/blochome-soutien-scolaire.jpg);
	color:#045978;
}
.blocHomeVert {
	background-image:url(../IMG/img-soutien-scolaire/blochome-formation-informatique.jpg);
	color:#3a5c0f;
}
.blocHomeOrange {
	background-image:url(../IMG/img-soutien-scolaire/blochome-formation-anglais.jpg);
	color:#775005;
}
#blochome h3 {
	text-align:center;
	padding-top:270px;
	font-size:18px;
	line-height:18px;
}


/*Skinning de la colonne de gauche et du menu*/
#colonne h3 {
	z-index:3;
	position:relative;
	font-style:italic;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	padding:10px 5px 0 5px;
}
#colonne li {
	z-index:3;
	position:relative;
	background:url(../IMG/img-soutien-scolaire/pt-bleu.gif) top left repeat-x;
	margin:0 6px;
	list-style-type:none;
	padding:7px 0 6px 0;
}
#colonne li a {
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	text-decoration:none;
	width:100%;
	display:block;
}
#colonne li a:hover {
	background-color:#d2effb;
	color:#006890;
}
#colonne li a.menuactif {
	background-color:#d2effb;
	color:#006890;
}
#colonne li a.menuactif:hover {
	background-color:#82d4f3;
	color:#097ba7;
}
#colonne ul {
	margin-bottom:10px;
}


/*Skinning de la colonne de contenu*/
#contenu {
	background:url(../IMG/img-soutien-scolaire/h2-bgb.gif) repeat-x #fff;
	border:3px solid #01b6fd;
	border-top:0px solid #01b6fd;
}
#contenu h2 {
	z-index:2;
	position:relative;
	height:34px;
	font-size:20px;
	color:#36697f;
	padding:10px 5px 0 10px;
}
#contenu h4 {
	height:19px;
	background:url(../IMG/img-soutien-scolaire/h3-bgv.gif) repeat-x;
	color:#3a5c0d;
	font-size:13px;
	border:#8cc63f 1px solid;
	padding: 0 0 1px 5px;
	margin: 0 9px;
	width:741px;
}
#contenu p {
	padding:10px
}

#contenu p strong
{
font-weight:bolder;
}

#contenu table {
	margin:0 10px;
	width:747px;
	border-collapse:collapse
}
#contenu td, #contenu th {
	border:1px #a5a5a5 solid;
	border-top:0;
	text-align:center;
}
#contenu th {
	background:url(../IMG/img-soutien-scolaire/td&th-bg.gif);
}
#pagination {
	height:40px;
	position:absolute;
	width:766px;
	top:376px;
	left:0px;
	background:url(../IMG/img-soutien-scolaire/pagination-bg.gif) repeat-x; 
	margin-top:30px;
	border-top:2px dashed #e0e0e0;
}
#pageprec a, #pagesuiv a {
	position:relative;
	z-index:2;
	font-size:14px;
	font-weight:bold;
	color:#0f688b;
	padding:5x 10px 0 10px;
	display:block;
	cursor:pointer;
	margin-bottom:5px;
	
}

#pageprec span, #pagesuiv span {
	position:relative;
	z-index:2;
	font-size:14px;
	font-weight:bold;
	color:#0f688b;
	padding:10px 10px 0 10px;
	display:block;
	
	
}

#pageprec {
	background:url(../IMG/img-soutien-scolaire/coin-bleu-bmgrise.gif) no-repeat bottom left;
	height:42px;
	float:left;
	position:relative;
	left:-3px;
	bottom:-3px;
}
#pagesuiv {
	background:url(../IMG/img-soutien-scolaire/coin-bleu-bdgrise.gif) no-repeat bottom right;
	height:42px;
	float:right;
	position:relative;
	right:-4px;
	bottom:-3px;
}


/*Skinning du bloc de contact*/
#contact {
	background:url(../IMG/img-soutien-scolaire/contact-bg.gif) repeat-x bottom #fff;
	height:111px;
	border: 3px solid #a5b0b6;
	position:relative;
}
#numeroazur {
	width:198px;
	height:77px;
	position:relative;
	z-index:2;
	padding:17px 40px 0 40px;
	margin-top:10px;
	font-size:12px;
	line-height:1.3;
	text-align:center;
	float:left;
	border-right: 2px dotted #a4afb5;
}
#formcontact {
	float:left;
	width:671px;
	padding:15px 5px 10px 5px;
	margin:5px;
	border-bottom: 2px dotted #a4afb5;
}
#formcontact input {
	width:112px;
	margin:2px 3px 0 3px;
	background:url(../IMG/img-soutien-scolaire/input_bg.gif) no-repeat;
	border:1px #8bc8e0 solid;
	float:left;
	display:block;
}
#formcontact p {
	margin-top:2px;
	float:left;
	display:block;
}
#btdoc {
	text-align:center;
	float:left;
	padding-left:110px;
}


/*Skinning du footer*/
#footer {
	background:url(../IMG/img-soutien-scolaire/footer-bg.gif) repeat-x #dff3fb;
	height:36px;
	padding:16px 0 0 0;
	text-align:center;
}


#petitelistegauche{
color:#333333;
background-image:none;
/* background-color:#FF0000;*/
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
border-style:none;}

#petitelistegauche ul{
padding:0px;
margin:0px;
}

#petitelistegauche li{
font-size:8px;
/* background-color:#0000CC;*/
background-image:none;
margin-bottom:0px;
margin-top:0px;
margin-left:5px;
list-style:none;
list-style-position:inside;
padding-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}

#petitelistegauche li a
{color:#FFFFFF;
padding:0px;
margin:0px;
}

#petitelistegauche li a:hover{
background-color:#d2effb;
}

#petitelistegauche li a.listactif {
	/* background-color:#d2effb;*/
	color:#006890;
}
#petitelistegauche li a.listactif:hover {
	background-color:#82d4f3;
/*background-color:#d2effb;*/
	color:#097ba7;
}

#mentionlegaldroite{
float:left;
width:40%;
margin:10px;
border-color:#666666;
padding:10px;
border-style:solid;
border-width:1px;
}

#footerlink
{
padding-top:7px;
background-color:#dff3fb;
width:100%;
text-align:center;
font-size:10px;
}

#footerlink a{ 
color:#4e4f4d;
}

#footerlink a:hover
{
color:#8cc63f;
}