/* vert : #91F021 / bleu : #00d1fe / bleufoncé : #172983 / rose : #ff00de*/

/*
BALISES GENERALES
HEADER GENERAL
BANDEAU
MENU LATERAL
MENU LATERAL SECONDAIRE
CAPTCHA
FORMULAIRE CONTACT AVEC DISPOS
LOGOS QUALITE
FOOTER GENERAL

PAGES INTERNES

PAGE TARIFS

/*----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------   BALISES GENERALES   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


html, body, div, h1, h2, p, header, footer, nav, section, ul {
  margin: 0;
  padding: 0;
  border: 0;
  myriadPro
}
 
header, nav, section, aside, footer {
  display: block;
}
 
ol, ul {
  list-style: none;
}

a
{
	text-decoration:none;
	color:#010101;
}
a:hover
{
	color:#ff00de;
}
table
{
	border-collapse:collapse;
	vertical-align:middle;
	text-align:center;
	width:100%;
}

td, th
{
	border:1px solid #333333;
}
h1
{
	font-size:1.5em;
}
h2
{
	font-size:1.2em;
	margin-top:10px;
}

@font-face
{
    font-family: 'loaded';
    src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/loaded.ttf');
}

@font-face
{
    font-family: 'arista';
    src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/arista.ttf');
}

@font-face
{
    font-family: 'champagne';
    src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/champagne.ttf');
}

@font-face
{
    font-family: 'champagneBold';
    src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/champagneBold.ttf');
}

@font-face
{
    font-family: 'edwardian';
	src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/edwardian-webfont.eot?') format('eot'), url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/edwardian-webfont.woff') format('woff'), url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/edwardian-webfont.ttf') format('truetype');
}

@font-face
{
    font-family: 'myriadPro';
	src: url('https://utilisateurs.cours-pythagore.com/pythagore/fonts/MyriadWebPro.ttf');
}

body
{
	font-family:"Myriad Pro Bold","fontdefault","Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;*/
	/*font-family: 'Montserrat', sans-serif, "Myriad Pro Bold","fontdefault","Lucida Grande",Tahoma, "Trebuchet MS", Arial, Helvetica, FreeSans, sans-serif;*/
    color: #010101;
	margin:auto;
	max-width:980px;
	background-color:white;
}

section
{
    /*box-shadow: 2px 1px 5px 1px #8f8d8c;*/
    position: relative;
	display:inline-block;
	width:100%;
	margin-bottom:10px;
}

.blocCentral
{
	min-height:30px;
	width:94.8%;	
	float:right;
	padding:10px;
	margin-bottom:10px;
}

.blocCentral p
{
	text-align:left;
}

.blocCentral header
{
	font-weight:bold;
	font-size:2em;
	text-align:left;
	margin-bottom:10px;
}

.blocCentral span.flecheMenu
{
	margin-bottom:-4px;
}

#h1Inherit, #h2Inherit
{
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	margin:inherit;
	width:inherit;
	height:inherit;
	text-shadow:inherit;
	display:inherit;
}
::-webkit-input-placeholder 
{
	color:black;
}
:-moz-placeholder 
{
	color:black;
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#blocPage
{
    max-width: 980px;
    min-width: 320px;
    margin: auto;
	width:100%;
	box-shadow:none;
}

#contenuGeneral
{
	width:100%;
	box-shadow:none;
}

#contenuCentral
{
	width:78%;
	vertical-align:top;
	box-shadow:none;
	display:inline-block;
	margin-left:1.45%;
	/*float:right;*/
}

.colonne30
{
	width:30.5%;
	min-height:30px;
	border-radius:8px;
	vertical-align:top;
	padding:5px;
	float:right;
	margin-left:1%;
	margin-bottom:10px;
}

.colonne30 header
{
	text-align:center;
	margin-bottom:10px;
}

.colonne60
{
	width:63%;
	min-height:30px;
	border-radius:8px;
	vertical-align:top;
	padding:5px;
	float:right;
	margin-left:1%;
}

#boutonBack
{
	background:url('img/bouton-back-br.png');
	background-size:100% 100%;
	width:40px;
	height:40px;	
	position:absolute;
	bottom:5px;
	right:10px;
	z-index:5;
}

.degradeGris
{
	background: #cecdce;
	background: -webkit-linear-gradient( #f5f4f5, #cecdce);
	background:    -moz-linear-gradient( #f5f4f5, #cecdce);
	background:     -ms-linear-gradient( #f5f4f5, #cecdce);
	background:      -o-linear-gradient( #f5f4f5, #cecdce);
	background:         linear-gradient( #f5f4f5, #cecdce);
}

.degradeGris:hover
{
	background: #e504c8;
	background: -webkit-linear-gradient( #e8e7e8, #b7b6b7);
	background:    -moz-linear-gradient( #e8e7e8, #b7b6b7);
	background:     -ms-linear-gradient( #e8e7e8, #b7b6b7);
	background:      -o-linear-gradient( #e8e7e8, #b7b6b7);
	background:         linear-gradient( #e8e7e8, #b7b6b7);
}

.degradeRose
{
	background: #ff00de;
	background: -webkit-linear-gradient( #fdc3f6, #ff00de);
	background:    -moz-linear-gradient( #fdc3f6, #ff00de);
	background:     -ms-linear-gradient( #fdc3f6, #ff00de);
	background:      -o-linear-gradient( #fdc3f6, #ff00de);
	background:         linear-gradient( #fdc3f6, #ff00de);
}

.degradeRose:hover
{
	background: #e504c8;
	background: -webkit-linear-gradient( #dbabd5, #e504c8);
	background:    -moz-linear-gradient( #dbabd5, #e504c8);
	background:     -ms-linear-gradient( #dbabd5, #e504c8);
	background:      -o-linear-gradient( #dbabd5, #e504c8);
	background:         linear-gradient( #dbabd5, #e504c8);
}

.degradeVert
{
	background: #91f021;
	background: -webkit-linear-gradient( #ecf9dd, #91f021);
	background:    -moz-linear-gradient( #ecf9dd, #91f021);
	background:     -ms-linear-gradient( #ecf9dd, #91f021);
	background:      -o-linear-gradient( #ecf9dd, #91f021);
	background:         linear-gradient( #ecf9dd, #91f021);
}

.degradeVert:hover
{
	background: #91f021;
	background: -webkit-linear-gradient( #c2cdb4, #91f021);
	background:    -moz-linear-gradient( #c2cdb4, #91f021);
	background:     -ms-linear-gradient( #c2cdb4, #91f021);
	background:      -o-linear-gradient( #c2cdb4, #91f021);
	background:         linear-gradient( #c2cdb4, #81d51e);
}

.degradeBleu
{
	background: #00d1fe;
	background: -webkit-linear-gradient( #e7f9fd, #00d1fe);
	background:    -moz-linear-gradient( #e7f9fd, #00d1fe);
	background:     -ms-linear-gradient( #e7f9fd, #00d1fe);
	background:      -o-linear-gradient( #e7f9fd, #00d1fe);
	background:         linear-gradient( #e7f9fd, #00d1fe);
}

.degradeBleu:hover
{
	background: #03c1ea;
	background: -webkit-linear-gradient( #d0e4e8, #03c1ea);
	background:    -moz-linear-gradient( #d0e4e8, #03c1ea);
	background:     -ms-linear-gradient( #d0e4e8, #03c1ea);
	background:      -o-linear-gradient( #d0e4e8, #03c1ea);
	background:         linear-gradient( #d0e4e8, #03c1ea);
}

.degradeNoirHorizontal
{
	background: #00d1fe;
	background: -webkit-linear-gradient( 90deg, #000000, #3c3b3b);
	background:    -moz-linear-gradient( 90deg, #000000, #3c3b3b);
	background:     -ms-linear-gradient( 90deg, #000000, #3c3b3b);
	background:      -o-linear-gradient( 90deg, #000000, #3c3b3b);
	background:         linear-gradient( 90deg, #000000, #3c3b3b);
}

.boutonEnvoyer
{
	width:80px;
	height:21px;
	border-radius:3px;	
    box-shadow: 2px 1px 2px #8f8d8c;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	text-align:center;
}

.bouton150px
{
	width:150px;
	height:21px;
	border-radius:3px;	
    box-shadow: 2px 1px 2px #8f8d8c;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	text-align:center;
}

nav.liensInternes
{
	font-size:0.8em;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
}

nav.liensInternes header
{
	font-size:1em;
	font-weight:bold;
	display:inline-block;
	margin-bottom:5px;
	margin-top:2px;
}
nav.liensInternes p
{
	border-bottom:1px solid #b5b5b5;
	padding-bottom:5px;
	margin-top:5px;
}
nav.liensInternes a:hover
{
	color:#ff00de;
}

span.flecheLiensInternes
{
	background:url('img/flecheavis.png') no-repeat;
	background-size:100% 100%;
	width:18px;
	height:15px;
	display:inline-block;
	margin-bottom:-2px;
}
.inlineBlock
{
	display:inline-block;
}
.sable
{
	background-color:#e5e5e5;
}
.gras
{
	font-weight:bold;
}

.gras_bleu
{
	font-weight:bold;
	color:#0091FF;
}

.gras_rose
{
	font-weight:bold;
	color:#FF00DE;
}

.gras_vert
{
	font-weight:bold;
	color:#7AC423;/*#91F021;*/
}

.gras_noir
{
	font-weight:bold;
	color:#000000;
}

.gras_rouge
{
	font-weight:bold;
	color:red;
}

.sousTitreBleu
{
	font-weight:bold;
	color:#0091FF;
	margin-top:10px;
}

.sousTitreRose
{
	font-weight:bold;
	color:#FF00DE;
	margin-top:10px;
}

.sousTitreVert
{
	font-weight:bold;
	color:#7AC423;/*#91F021;*/
	margin-top:10px;
}

.sousTitreNoir
{
	font-weight:bold;
	color:#000000;
	margin-top:10px;
}

.bleu
{
	color:#0091FF;
}

.rose
{
	color:#FF00DE;
}

.rouge
{
	color:red;
}

.vert
{
	color:#7AC423;
}

.italique
{
	font-style:italic;
}

.underline
{
	text-decoration:underline;
}

.bold
{
	font-weight:bold;
}

.left
{
	text-align:left;
}

.sousTitreBleu
{
	font-weight:bold;
	color:#0091FF;
	margin-top:10px;	
}

.sousTitreRose
{
	font-weight:bold;
	color:#FF00DE;
	margin-top:10px;	
}

.sousTitreVert
{
	font-weight:bold;
	color:#7AC423;
	margin-top:10px;	
}

.petit
{
	font-size:0.8em;
}

.lien-rose
{
	color:#FF00DE;
	text-decoration:none;
}
.lien-rose:hover
{
	color:#FF00DE;
	text-decoration:underline;
}
.lien-bleu
{
	color:#0091FF;
	text-decoration:none;
}
.lien-bleu:hover
{
	color:#0091FF;
	text-decoration:underline;
}
.lien-vert
{
	color:#7AC423; /*91F021*/
	text-decoration:none;
}
.lien-vert:hover
{
	color:#7AC423;
	text-decoration:underline;
}
.lien-noir
{
	color:#181818;
	text-decoration:none;
}
.lien-noir:hover
{
	color:#181818;
	text-decoration:underline;
}
.lien-blanc
{
	color:#FFFFFF;
	text-decoration:none;
}
.lien-blanc:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
.fondRose
{
	background-color:#FF00DE;
}
.fondBleu
{
	background-color:#00d1fe;
}
.fondVert
{
	background-color:#91F021;
}
.fondNoir
{
	background-color:black;
	color:white;
}
.fondBlanc
{
	background-color:white;
}
.center
{
	text-align:center;
}

.sansBordures
{
	border:none;
}

.marginTop10
{
	margin-top:10px;
}

.marginBottom10
{
	margin-bottom:10px;
}

.sansMarginTop
{
	margin-top:0px;
}

.retraitGauche
{
	padding-left:30px;
}

.nota
{
	font-size:0.6em;
	font-weight:normal;
	color:#333333;
}

input.telephone, input.pass
{
	width:90px;
}

input.mail
{
	width:220px;
}

input.nom
{
	width:130px;
}

span.registered
{
	font-size:0.6em;
}

span.croixVerte
{
	background:url(img/coche-vert-30x30.png) no-repeat;
	background-size:100% 100%;
	height:25px;
	width:25px;
	display:inline-block;
}

.pubBandeauHorizontalMobile
{
	padding:10px;
	width:94.8%;
	float:right;	
}

textarea
{
	margin-bottom:10px;
}

#titrePage header
{
	margin-top:10px;
}


@media (max-width: 766px){
	#contenuCentral
	{
		width:100%;
	}
	
	.blocCentral
	{
		width:97%;
	}
}

@media (max-width: 480px){
	.colonne60, .colonne30
	{
		width:97%;
	}
	h1
	{
		font-size:1.3em;
	}
	h2
	{
		font-size:1.1em;
		margin-top:10px;
	}
	.blocCentral
	{
		padding:0px;
		width:100%;
	}
	#contenuCentral
	{
		margin-left:0%;
	}
	.blocCentral header, .blocCentral h2, .blocCentral p
	{
		margin-left:5px;
	}
}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------   FORMULAIRES   ------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


.formSaisie span
{
	display:inline-block;
}
.formSaisie div.formGauche
{
	width:45%;
	vertical-align:top;
	display:inline-block;
}

.formSaisie div.formDroit
{
	width:52%;
	margin-left:1%;
	vertical-align:top;
	display:inline-block;
}
.formSaisie div
{
	position:relative;
}
.spanLabel
{
	width:43%;
	font-size:0.8em;
	position:relative;
	vertical-align:top;
	padding-top:2px;
}

.spanInput
{
	width:53%;
	margin-left:0.5%;
}

.formSaisie input, .formSaisie select, .formSaisie textarea
{
	/*background-color:#E2E2E2;*/
	background-color:white;;
	border:1px solid #747474;
	float:left;
	width:100%;
}
.formSaisie select
{
	width:105%;
}
.formSaisie input.carac3
{
	width:30px;
}
.formSaisie input.carac5
{
	width:40px;
}
.formSaisie textarea 
{
	height:150px;
	width:98%;
}

.formSaisie textarea.adresse
{
	height:50px;
	width:100%;
}

.formSaisie input:focus, #formDeuxColonnes select:focus, #formDeuxColonnes textarea:focus
{
	background-color:#FCF;
	border:1px solid #FF00DE;
}


@media(max-width:480px){
	.formSaisie div.formDroit
	{
		width:100%;
	}
	.formSaisie div.formGauche
	{
		width:100%;
	}
}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------   CAPTCHA   ----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


#captcha
{
	width:180px;
	border:1px solid #ff00de;
	margin-top:10px;
	box-shadow:none;
}

#captcha div.imageCaptcha
{
	margin-left:28px;
	margin-bottom:-3px;
	margin-top:5px;
}

#captcha div.texteCaptcha
{
	width:47%;
	display:inline-block;
	margin-left:8px;
}

#captcha div.boutonEnvoyer
{
	width:41%;
	display:block;
	float:right;
	margin-right:8px;
	margin-top:16px;
}

#captcha p
{
	font-size: 0.7em;
    margin-top: 5px;
}

#captcha td
{
	border:none;
}

#captcha input.inputCaptcha
{
	background-color:#FFFFFF; 
	border:1px solid #747474; 
	width:79px;
}

#captcha table
{
	border:none;
	width:80px;
}

div.texteGaucheCaptcha
{
	display:inline-block;
	max-width:512px;
	vertical-align:top;
	padding-right:10px;
	float:left;
}

div.texteGaucheCaptcha p
{
	margin-bottom:15px;
}

div.captchaDroiteTexte
{
	display:inline-block;
}


/*----------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------   MENU LATERAL   ----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

#barreLaterale
{
	width:20%;
	box-shadow:none;
	border-radius:0px;
}




/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------   LOGOS QUALITE   ----------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

#logosQualite
{
	display:inline-block;
	padding:5px;
	margin-top:0px;
	text-align:center;
	width:95%;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------   PAGES INTERNES  -------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------   PAGE ACCUEIL   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.colonneAccueil
{
	min-height:200px;
}
 

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------   PAGE GARANTIES   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.colonnesNavGaranties
{
	min-height:100px;
}

.colonnesNavGaranties .nota
{
	margin-top:12px;
}

#commentRecruter
{
	text-align:center;
	margin-top:10px;
}

#garantiesEvaluations p, #garantiesSuiviPedagogique p, #garantiesGestion p, #garantiesTarifs p
{
	margin-bottom:10px;
}


/*----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------   PAGE SKYPE   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.colonnesNavSkype
{
	min-height:80px;
}

section.croixVerte span.croixVerte
{
	margin-left:10px;
	vertical-align:top;
	margin-right:10px;
}

section.croixVerte div
{
	margin-bottom:10px;
}

section.croixVerte p
{
	display:inline-block;
	width:90%;
	padding-top:5px;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------   ANNONCES   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.divImgTelephone
{
	display:inline-block;
	vertical-align:top;
	margin-top:6px;
}
.divImgTelephone img
{
	width:30px;
	height:30px;
	margin-top:0px;
}
.photoProfil
{
	display:inline-block;
	width:14%;
	vertical-align:top;
}
.photoProfil img
{
	width:80px;
	height:80px;
}
li.etoileJaune
{
	background:url("https://utilisateurs.cours-pythagore.com/pythagore/img/etoile-jaune.png");
}

li.etoileGrise
{
	background:url("https://utilisateurs.cours-pythagore.com/pythagore/img/etoile-grise.png");
}

li.etoileJauneEtGrise
{
	background:url("https://utilisateurs.cours-pythagore.com/pythagore/img/etoile-jaune-et-grise.png");
}

li.etoileJaune, li.etoileGrise, li.etoileJauneEtGrise
{
	width:16px;
	height:16px;
	list-style:none outside none;
	background-size:100% 100%;
	display:inline-block;
}
@media (max-width: 480px){
	li.etoileJaune, li.etoileGrise, li.etoileJauneEtGrise
	{
		width:12px;
		height:12px;
	}
	.divNote
	{
		font-size:0.8em;
	}
	.divImgTelephone
	{
		margin-top:0px;
		margin-right:5px;
	}
	.divImgTelephone img
	{
		width:20px;
		height:20px;
		margin-left:0px;
	}
}


/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------   AUTOCOMPLETION   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

.ac_results {
padding: 0px;
border: 1px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
 
.ac_results ul {
width: 100%;
list-style-position: outside;
/*list-style: none;*/
padding: 0;
margin: 0;
}
 
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: auto;
}
 
.ac_loading {
/*background: white url('indicator.gif') right center no-repeat;*/
}
 
.ac_odd {
/*background-color: #eee;*/
}
 
.ac_over {
background-color: #CCCCCC;
/*color: white;*/
}

/*----------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------   FORM VALIDATOR   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


input, textarea, select 
{
    border: #CCC solid 1px;
    border-radius: 3px;
    padding: 3px;
}

#content {
    padding-top: 60px;
    overflow: auto;
    clear: both;
}

.control-label em {
    font-size: 90%;
    display: block;
    color: #888;
}


/* Form validator */

.help-block {
    display: inline;
    padding-left: 6px;
    font-size: 85%;
}

span.form-error.help-block {
    display: block;
    color: red;
    margin-top: 3px;
	margin-bottom:3px;
    padding-left: 0;
	font-size:0.7em;
}

div.form-error {
    padding: 6px 12px;
    line-height: 180%;
    background: #ffe5ed;
    border-radius: 4px;
    margin-bottom: 22px;
    color: darkred;
}

input.valid {
    background: url(https://utilisateurs.cours-pythagore.com/pythagore/img/icon-ok.png) no-repeat right center #e3ffe5;
    color: #002f00;
    border-color: #96b796 !important;
}

input.error {
    background: url(https://utilisateurs.cours-pythagore.com/pythagore/img/icon-fail.png) no-repeat right center #ffebef;
    color: #480000;
}


/*----------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------   BANDEAU ET HEADER   ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


#headerEtBandeau
{
	height:460px;
	position: relative;
	/*box-shadow: 2px 1px 5px 1px #8f8d8c;*/
	margin-bottom:10px;
	background: url('https://utilisateurs.cours-pythagore.com/pythagore/img/stylo-bandeau-br.jpg') no-repeat;
	background-size: 100% 100%;
	background-color:white;
	color:white;
	/*font-family:myriadPro;*/
}
#headerEtBandeau h1
{
	font-size:2.7em;
	/*font-family:champagneBold;*/
	font-weight:bold;
	margin-left:3%;
	margin-top:40px;
}
#headerEtBandeau h2
{
	font-weight:normal;
	font-size:1.8em;
	margin-left:3%;
	margin-top:8px;
}
#divLogoPythagore
{
	display:inline-block;
	width:280px;
	margin-left:2.8%;
	margin-top:20px;
}
#divLogoPythagore img
{
	width:100%;
	height:100%;
}
#divContactConnexion
{
	margin-top:25px;
	margin-right:17%;
	text-align:right;
	float:right;
	display:inline-block;
	font-size:1.1em;
}
.champRecherche
{
	border:none;
	height:30px;
	border:none;
	font-weight:normal;
	font-size:1.2em;
	width:20%;
	vertical-align:top;
	margin-top:16px;
}
#champCodePostal
{
	margin-left:3%;
}
#champMatiere
{
	margin-left:29px;
}
#divLoupe
{
	display:inline-block;
	width:36px;
	height:36px;
	background:url('https://utilisateurs.cours-pythagore.com/pythagore/img/loupe.png') no-repeat;
	background-size:100% 100%;
	margin-left:7px;
	margin-top:14px;
}
#divLoupe:hover
{
	cursor:pointer;
}
#divArguments
{
	border:1px solid white;
	margin-left:3%;
	margin-top:15px;
	width:28%;
	padding:1%;
	font-size:1.1em;
	display:inline-block;
}
#divArguments p
{
	margin-bottom:2px;
}
#divPromo
{
	margin-left:37%;
	margin-top:43px;
	width:26%;
	padding:1%;
	font-size:1.1em;
	display:inline-block;
	vertical-align:top;
}
#divPromo p.ligne1
{
	font-size:1.4em;
}
#divPromo p.ligne2
{
	font-size:0.65em;
}

@media (max-width: 979px){
}

@media (max-width: 767px){
}

@media (max-width: 766px) and (min-width: 481px){
}

@media (max-width: 480px){
	#divLogoPythagore
	{
		width:30%;
	}
	#divContactConnexion
	{
		font-size:0.8em;
	}
	#divArguments
	{
		width:75%;
	}
	#headerEtBandeau
	{
		height:auto;
		padding-bottom:5px;
	}
	#headerEtBandeau h2
	{
		font-size:1.1em;
	}
	.champRecherche
	{
		width:34%;
		font-size:1em;
	}
}

@media (max-width: 330px){
	#lienSeConnecter
	{
		width:47%; 
		<? if($isMobile && preg_match('#index#',$_SERVER['REQUEST_URI'])) echo' margin-top:30px;'; ?>
	}
}

/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------   HEADER GENERAL  SIMPLE  ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


#headerLuxe
{
	height:130px;
	position: relative;
	margin-bottom:10px;
	background: url('https://utilisateurs.cours-pythagore.com/pythagore/img/header-luxe.jpg') no-repeat;
	background-size: 100% 100%;
	background-color:white;
	color:white;
	font-family:myriadPro;
}
#headerGauche
{
	display:inline-block;
	width:280px;
	height:100%;
	vertical-align:top;
}
#headerDroite
{
	display:inline-block;
	width:50%;
	margin-left:2%;
	height:100%;
}
#divLogoPythagore
{
	display:inline-block;
	width:280px;
	margin-left:15px;
	margin-top:15px;
}
#divLogoPythagore img
{
	width:100%;
	height:100%;
}
#divContactConnexionSimple
{
	margin-top:25px;
	margin-right:17%;
	text-align:right;
	float:right;
	display:inline-block;
	font-size:1.1em;
}
#divRecherche
{
	margin-top:30px;
	text-align:right;
	font-size:1.1em;
}
.pModifierRecherche
{
	font-size:1.1em;
	font-family:champagneBold;
	font-weight:bold;
	margin-left:0%;
}
.formSimple
{
	text-align:right;
	font-size:1.3em;
	display:inline-block;
	float:right;
	margin-right:17%;
	margin-top:-50px;
}
.champRechercheSimple
{
	border:none;
	height:18px;
	border:none;
	font-weight:normal;
	font-size:0.7em;
	width:35%;
	vertical-align:top;
	margin-top:7px;
}
#champCodePostal
{
}
.champMatiereSimple
{
	margin-left:10px;
}
#divLoupeSimple
{
	display:inline-block;
	width:25px;
	height:25px;
	background:url('https://utilisateurs.cours-pythagore.com/pythagore/img/loupe.png') no-repeat;
	background-size:100% 100%;
	margin-left:7px;
	margin-top:4px;
}
#divLoupeSimple:hover
{
	cursor:pointer;
}
#divArguments
{
	border:1px solid white;
	margin-left:3%;
	margin-top:15px;
	width:28%;
	padding:1%;
	font-size:1.1em;
}
#divArguments p
{
	margin-bottom:2px;
}
#divPromoHeaderSimple
{
	margin-left:45.8%;
	margin-top:-15px;
}
@media (max-width: 979px){
}

@media (max-width: 767px){
}

@media (max-width: 766px) and (min-width: 481px){
	#lienRetour
	{
		left:25%;
		margin-top:5px;
	}
	.formSimple
	{
		margin-right:11%;
		margin-top:-36px;
	}
	.champRechercheSimple
	{
		width:24%;
	}
}

@media (max-width: 480px){
	#headerLuxe
	{
		background: url('https://utilisateurs.cours-pythagore.com/pythagore/img/stylo-bandeau-br.jpg') no-repeat;
		background-size:100% 100%;
	}
	#divLogoPythagore
	{
		width:30%;
	}
	#divContactConnexionSimple
	{
		font-size:0.8em;
		margin-top:10px;
		margin-right:19%;
	}
	#divArguments
	{
		width:75%;
	}
	.champRechercheSimple
	{
		font-size:1em;
		width:32%;
	}
	.formSimple
	{
		font-size:1em;
		margin-top:0px;
		float:none;
		text-align:left;
	}
}

@media (max-width: 330px){
	#lienSeConnecter
	{
		width:47%; 
		<? if($isMobile && preg_match('#index#',$_SERVER['REQUEST_URI'])) echo' margin-top:30px;'; ?>
	}
}


/*----------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------   MENU LATERAL LUXE  ---------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


#navMenuLateral, #retourAccueil
{
	display:inline-block;
	padding:5px;
}

#retourAccueil
{
	width:96%;
}

#navMenuLateral ul li.menuSecondaire
{
	display: inline-block;
	font-size:0.58em;
	width: 100%;
	height: 27px;
	text-align: left;
	border-top:1px solid #b5b5b5;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}

#navMenuLateral ul li.menuSecondaire:hover
{
	min-height:0px;
	color:#ff00de;
}

/*#navMenuLateral ul li.menuSecondaire:active
{
	min-height:0px;
	box-shadow: 1px 1px 5px black inset, 
				 0 1px 0 rgba( 255, 255, 255, 0.2);
}*/

#retourAccueil ul li
{
	height:35px;
	font-size:0.5em;
	color:black;
}

#navMenuLateral ul li.menuSecondaire header, #retourAccueil header
{
	margin-top:8px;
	margin-left:5px;
	font-size:1.6em;
	display:inline-block;
}

#retourAccueil header
{
	color:#black;
}

#navMenuLateral #matieres article
{
	background-color:white;
	margin-top:10px;
	width:100%;
}
	
#navMenuLateral #matieres:hover
{
	cursor:pointer;
}

#navMenuLateral #matieres p
{
	margin-top:5px;
	border-bottom:1px solid #8f8d8c;
	margin-bottom:5px;
	font-size:1.2em;
	padding-bottom:5px;
}

@media (max-width: 767px){
	#barreLaterale
	{
		width:100%;
	}
}