/*
Theme Name: ProSchool
Theme URI: http://www.proschool.fr/
Description: Theme ProSchool.
Version: 1.0
Author: //mediacrossing:
Author URI: http://www.mediacrossing.fr/

This theme was designed and built by //mediacrossing:,
whose site you will find at http://www.mediacrossing.fr/
*/

body{
	margin: 0; 
	padding: 0; 
	font: 85% 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

/* @group BANNER */
#bannercontainer{
	width: 100%; 
	height: 170px; 
	background: url(images/bg_banner.png) repeat;
}

#banner{
	margin: 0 auto;	
	height: 170px; 
	background: url(images/dessinscrayons.png) no-repeat center top;
}

#bannerlinks{
	margin: 0 auto;
	width: 1024px; 
	height: 130px; 
}

#bannerlinks img{
	 border: 0;
}

#logo{
	float: left;
	width: 610px;
}

#reducimpot{
	float: right;
	width: 190px;
	margin: 25px 0 0;
}

/* @end */

/* @group MENU */

#menu{
	width: 100%;
	height: 30px;
	background: #000 url(images/bg_menu.png) repeat-x;
	text-align: center;
	font-weight: bold;
}

#menu ol{
	margin: 0 auto;
	padding: 7px 0 0;
	width: 80%;
	list-style: none;
	text-align: center;
}

#menu ol li{
	display: inline;
	line-height: 1.1em;
	color: #FFF;
}

#menu ol li:before {
	content: " | ";
	color: #FFF;
}

#menu ol li:first-child:before {
	content: "";
}

#menu a, #menu a:visited{
	color:#FFF;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 125%;
}

#menu a:hover, #menu a:focus, #menu .current-cat a{
	color: #FDFE33;
	text-decoration: underline;
}

#menu .current-cat a{
	text-decoration: none !important;
}

#menu #contacteznous a {
	color: #FFD16F;	
}


/* @end */
#mainframe{
	clear: both;
	width: 100%;
	height: auto;
	background: #FFF url(images/bg_mainframe.png);
}

/* @group SUBMENU */
#submenu{
	width: 1024px;
	height: 30px;
	margin: 0 auto;
	background: url(images/bg_submenu.png);
}

#submenu ul{
	margin: 0;
	padding: 7px 0 0;
	list-style: none;
	text-align: center;
}

#submenu ul li{
	line-height: 1.1em;
	display: inline;
	color: #7A7A7A;
}

#submenu ul li:before {
	content: " | ";
}

#submenu ul li:first-child:before {
	content: "";
}

#submenu a, #submenu a:visited{
	color: #7A7A7A;
	text-decoration: none;
}

#submenu a:hover, #submenu a:focus{
	color: #333;
	text-decoration: underline;
}

/* @end */

#content{
	clear: both;
	margin:0 auto;
	width: 1024px;
	height: auto;
	background: url(images/bg_content.png) center;
}

/* @group ARIANE */
#filariane {
	padding: 10px 0 25px 0;
	width: 100%;
	height: 30px;
}

#filariane ul {
	margin: 0;
	padding: 5px 0 0;
	list-style: none;
	text-align: left;
}

#filariane ul li:before {
	content: "\00BB \0020";
	color: #999;
}

#filariane ul li {
	display: inline;
	color: #999;
}

#filariane ul li:first-child:before {
	content: "";
}

#filariane ul li a {
	color: #999;
	text-decoration: none;
}

#filariane ul li a:hover {
	text-decoration: underline;
}

/* @end */

/* @group COMMON */

#nojs {
	width: 100%;
	padding: 15px;
	background-color: #FF9B9B;
	font-family: "Lucida Grande", Georgia, Trebuchet MS, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align:center;
}

h4 a, h4 a:visited {
	color: #00CCFF !important;
	text-decoration: underline;
}

#contentleft {
	float: left;
	margin: 10px 0 0 40px;
	padding: 0 10px 0 0;
	width: 570px;
	height: auto;
	min-height: 950px !important;
	color: #333;
	border-right: 2px dashed #CCC;
}

#contentleft a, #contentleft a:visited , #contentleft .post p a {
	text-decoration: underline;
	color: #999	;
}

#contentleft img {
	float: right;
	border: 0;
}

#infosaved {
	width: 80% !important;
	height: 50px;
	padding: 10px;
	margin: 0 auto ;
	text-align: center;
	font-size: 100%;
	color: #00A744;
	border: 1px solid #00A744 ;
}


#contentright {
	float: right;
	margin: 10px 31px 0;
	width: 340px;
	height: auto;
}

#contentright img {
	border: 0;
}

.clearer {
	clear: both;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	color: #00A744;
	text-align: center;
}

#descriptionaccueil {
	margin: 15px 0;
	padding: 0;
	width: 100%;
	text-align: center;
	color: #666;
}

#ancreformulaire {
	margin: 0 auto ;
	padding: 10px 0 0;
	width: 300px;
	height: 32px;
	background: url("images/ancreformulaire.png");
	text-align: center;
}

#ancreformulaire a, #ancreformulaire a:visited {
	color: #333;
	text-decoration: none;
	text-align: center;
}

#ancreformulaire a:hover, #ancreformulaire a:focus{
	text-decoration: underline;
}

#boutonancreh3 {
	margin: 20px auto;
	padding: 10px 0 0;
	width: 300px;
	height: 32px;
	background: url("images/ancreformulaire.png");
	text-align: center;
}

#boutonancreh3 a, #boutonancreh3 a:visited {
	color: #333;
	text-decoration: none;
	text-align: center;
}

#boutonancreh3 a:hover, #boutonancreh3 a:focus{
	text-decoration: underline;
}

h2 {
	margin: 0;
	padding: 0;
	color: #00A744;
	text-align: center;
}

h3 {
	color: #09B4Af;
	font-style: italic;
}

#contentleft p a, #contentleft p a:visited {
	color: #333;
	text-decoration: none;
}

#contentleft p a:hover, #contentleft p a:focus {
	text-decoration: underline;
}

h3 a, h3 a:visited{
	color: #09B4AF;
	text-decoration: none;
}

h3 a:hover, h3 a:focus{
	text-decoration: underline;
}

/* @end */

/* @group SITEMAP */

#sitemap ul li a, #sitemap ul li a:visited {
	color: #333;
	text-decoration: none;
}

#sitemap ul li a:hover, #sitemap ul li a:focus {
	text-decoration: underline;
}

/* @end */

/* @group VCARD */

.vcard p {
	margin: 0;
	padding: 0;
}

.vcard a, .vcard a:visited {
	color: #00A744 !important;
	text-decoration: none;
}

.vcard a:hover, .vcard a:focus {
	text-decoration: underline;
}

/* @end */

/* @group ACCUEIL */

/* @group Temoignages */

#temoignagetop{
	margin: 0 auto;
	width: 425px;
	height: 112px ;
	background: url("images/temoignagetop.png");
}

#temoignagemiddle{
	margin: 0 auto;
	padding: 0 10px;
	width: 405px;
	height: 300px;
	background: url("images/temoignagemiddle.png") repeat-y;
	font-size: 80%;
}

#temoignagebottom{
	width: 425px;
	height:40px;
	margin: 0 auto;
	background: url("images/temoignagebottom.png");
}

.alignright {
	text-align: right ;
	margin: 15px 0 0 0;
	height: 30px;
}

.alignright a , .alignright a:visited{
	text-decoration: none !important;
	color: #666 !important;	
}

	
#temoignagemiddle p a:hover{
	text-decoration: underline !important;
}

#temoignagemiddle ul{
	padding: 10px 0 0;
	margin: 0;
	list-style: none;
}

#temoignagemiddle ul li{
	margin: 20px 0 0;
	padding: 0 0 0 55px;
	background-repeat: no-repeat;
}

#temoignagemiddle ul li:first-child{
	margin: 0;
}

/* @end */

/* @group Actus */

#actutop {
	width: 571px;
	height: 49px;
	background: url("images/actu_top.png");
}

#actumiddle {
	padding: 0 30px;
	width: 511px;	
	height: auto;
	background: url("images/actu_middle.png") repeat-y;
}

#actumiddle ul {
	margin: 0;
	padding: 0;
}

#actumiddle ul li {
	width: 511px;
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
}

#actumiddle a, #actumiddle a:visited {
	color: #6E7779;
	text-decoration: none;
}

#actumiddle a:hover, #actumiddle a:focus {
	color: #3366F9 !important;
	text-decoration: underline;
}

#actumiddle p {
	margin: 0;
	padding: 0;
}

#actubottom {
	width: 571px;
	height: 23px;
	background: url("images/actu_bottom.png");
}

/* @end */

/* @end */

/* @group SIDEBAR */

/* @group Rappel */

#rappel{
	margin: 0 auto 10px;
	padding: 12px 0 0 70px;
	width: 230px;
	height: 30px;
	background: url("images/rappel.png") ;
}

#rappel a, #rappel a:visited {
	color: #FFF;
	text-decoration: none;
}

#rappel a:hover, #rappel a:focus {
	text-decoration: underline;
}

/* @end */

/* @group Inscription */

#inscription {
	margin: 0 auto;
	padding: 12px 0 0 70px;
	width: 230px;
	height:30px;
	background: url("images/inscription.png");
}

#inscription a, #inscription a:visited {
	color: #FFF;
	text-decoration: none;
}

#inscription a:hover, #inscription a:focus{
	text-decoration: underline;
}

/* @end */

/* @group Avantages */

#avantages {
	padding: 30px 0 10px;
	margin: 0 auto;
	width: 300px;
	height: 42px;
}

#listavantage {
	list-style: none;
	margin: 0;
	padding: 0 25px 0 30px;	
}

#listavantage li {
	padding: 0 0 0 35px;
	background: url("images/li_avantage.png") no-repeat 0 8px;
	line-height: 20px;
	font-size: 90%;
}

#listavantage li h3 {
	margin: 0;
	padding: 10px 0 0;
	font-size: 115%;
	color: #333 !important;
}

#listavantage .ulnormal {
	margin: 0;
	padding: 0 0 0 20px;
}

#listavantage .ulnormal li {
	padding: 0;
	list-style-type: square;
	background-image: none !important;
	font-size: 85%;
}

/* @end */

/* @group Matieres */

#matiere{
	padding: 30px 0 10px;
	margin: 0 auto;
	width: 300px;
	height: 42px;
}

#listmatiere {
	list-style: none;
	margin: 0;
	padding: 0 25px 0 30px;	
}

#listmatiere li {
	padding: 0 0 0 35px;
	background: url("images/li_matiere.png") no-repeat 0 8px;
	line-height: 20px;
	font-size: 90%;
}

#listmatiere li h3 {
	margin: 0;
	padding: 10px 0 0;
	font-size: 115%;
}

#listmatiere .ulnormal {
	margin: 0;
	padding: 0 0 0 20px;
}

#listmatiere .ulnormal li {
	padding: 0;
	list-style-type: disc;
	background-image: none !important;
	font-size: 95%;
}

#listmatiere .ulnormal li a, #listmatiere .ulnormal li a:visited {
	color: #666;
}

#contactmatiere {
	margin: 30px auto ;
	padding: 5px 0 0;
	width: 300px;
	height: 37px;
	background: url("images/contactmatiere.png");
	text-align: center;
}

#contactmatiere a, #contactmatiere a:visited {
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#contactmatiere a:hover, #contactmatiere a:focus{
	text-decoration: underline;
}

/* @end */

/* @group Liens Carre */

#liencarre {
	padding: 20px 0 0;
	width: 332px;
	height: 332px;
}

#devisgratuit, #renseignements, #nosformations, #nousrecrutons {
	width: 166px;
	height: 166px;	
}

#devisgratuit {
	float: left;
}

#renseignements {
	float: right;
}

#nosformations {
	clear: both;
	float: left;
	background: url("images/nosformations.png");
}

#nosformations ul {
	padding: 45px 15px 0;
	margin: 0;
	width: 134px;
	height: 120px;
	line-height: 1.5em;
	color: #FFF;
}

#nosformations ul li {
	list-style: none;
}

#nosformations a,#nosformations a:visited {
	color: #FFF;
	text-decoration: none;
}

#nosformations a:hover,#nosformations a:focus {
	text-decoration: underline;
}

#nousrecrutons {
	float: right;
}

/* @end */

/* @end */

/* @group FOOTER */
#footer {
	padding: 10px 0;
	background: #E1E1E1;
	text-align: center;
}

#footer ul {
	margin: 0 auto;
	padding: 0;
	width: 50%;
	list-style: none;
	text-align: center;
}

#footer ul li {
	display: inline;
	line-height: 1.1em;
	color: #666;	
}

#footer ul li:before {
	content: " | ";
	color: #666;
}

#footer ul li:first-child:before {
	content: "";
}

#footer a, #footer a:visited {
	color:#666;
	text-decoration: none;
}

#footer a:hover, #footer a:focus {
	color:#333;
	text-decoration: underline;
}

#footer p {
	padding: 10px 0 0;
	color: #666;
	font-size: 80%;
}

#footer a.mediacrossing {
	text-decoration: none;
}

.logo_purple {
	color: #9016B2;
}

.logo_orange {
	color: #FD8403;
}

/* @end */

/* @group FORMS */
#matierecontent {
	width:450px;
	height: 120px;
}

#matiere1 {
	float: left;
	margin: -25px 0 0;
	padding: 0;
}

#matiere2 {
	float: right;
	margin: -95px 105px 200px !important;
	width: 150px;
}

#bouton {
	margin: 0 0 0 10px;
	width: 70px;
	height: 70px;
	margin: 25px 0 0 130px;
}

#bouton2 {
	padding: 10px 0 0;
}

.required {
	color: red;
}

#erreur {
	padding: 3px 0;
	border: 1px solid red;
	color: red;
	text-align: center;
}

.focus {
	border: 1px solid red !important;
}

fieldset {
	padding: 10px 0 0 20px;
}

legend {
	text-transform: uppercase;
}

label {
	display: block;
	padding: 7px 0;
	color: #333;
	text-align: left;
	cursor: default;
}

.green {
	color: #13b455 !important;
}

input[type=text] {
	color: #333;
	border: 1px solid #666;
	padding: 3px 3px;
}

input[type=text]:hover, .form input[type=text]:focus {
	color: #333;
	border: 1px solid green;
}

input[type=submit], input[type=button] {
	background: #666;
	border: 1px solid #333;
	color: #FFF;
	text-decoration: none;
	margin: 10px 0;
	padding: 2px 7px;
	cursor: pointer;
}

select {
	color: #333;
	border: 1px solid #666;	
}

select:hover, select:focus {
	color: #333;
	border: 1px solid green;
}

textarea {
	color: #333;
	border: 1px solid #666;	
}

textarea:hover, textarea:focus {
	color: #333;
	border: 1px solid green;	
}


/* @end */

/* @group CONTACT */
#contact-rappel, #contact-inscription, #contact-devis, #contact-recrutement{
	margin: 20px auto;
	padding: 10px 0 0 120px;
	width: 460px;
	height: 32px;
	text-align: left;
}

#contact-rappel a, #contact-inscription a, #contact-devis a, #contact-recrutement a, #contact-rappel a:visited, #contact-inscription a:visited, #contact-devis a:visited, #contact-recrutement a:visited {
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#contact-rappel a:hover, #contact-inscription a:hover, #contact-devis a:hover, #contact-recrutement a:hover, #contact-rappel a:focus, #contact-inscription a:focus, #contact-devis a:focus, #contact-recrutement a:focus{
	text-decoration: underline;
}
#contact-rappel{
	background: url("images/contact/bt_rappel.png");
	background-repeat: no-repeat;
}
#contact-inscription{
	background: url("images/contact/bt_inscription.png");
	background-repeat: no-repeat;
}
#contact-devis{
	background: url("images/contact/bt_devisgratuit.png");
	background-repeat: no-repeat;
}
#contact-recrutement{
	background: url("images/contact/bt_recrutement.png");
	background-repeat: no-repeat;
}

/* @end */

.h2_accueil{
	color: #666666;
    margin: 15px 0;
    padding: 0;
    text-align: center;
    width: 100%;
	font-size:14px;
	font-weight:300;
}

.h2_page{
	color: #09B4AF;
    font-style: italic;
}