/**************************************************************************************************************************/
										/* Intégration des polices Squalp */
/**************************************************************************************************************************/

@font-face 
{
    font-family: 'mathilde';
	src: url('/fonts/mathilde/mathilde.eot'),
		 url('/fonts/mathilde/mathilde.ttf'),
		 url('/fonts/mathilde/mathilde.woff') format('woff'),
         url('/fonts/mathilde/mathilde.svg#mathilderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face 
{	
	font-family: 'never say never';
	src: url('/fonts/never_say_never/neversaynever.eot'),
		 url('/fonts/never_say_never/neversaynever.ttf'),
		 url('/fonts/never_say_never/mathilde.woff') format('woff'),
         url('/fonts/never_say_never/mathilde.svg#mathilderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}											
										
/**************************************************************************************************************************/
										/*CSS présent sur toutes les pages : */
/**************************************************************************************************************************/

body
{
	font-family : segoe UI;
	background-image:url(/images/general/fond_carbone.jpg);
}

html
{
	min-height : 100%;
}

table
{
	border-collapse : collapse;
}

table td
{
	border : 1px solid black;
}

a, a:visited
{
	color : black;
}

#conteneur
{
	margin : auto;
	width : 1000px;
	box-shadow: 1px 1px 12px #555;
	border-radius : 8px;
	background-color : white;
}

#contenu
{
	display : inline-block;
	width : 749px;
	padding-left : 15px;
	font-size : 12px;
	padding-bottom : 20px;
	border-left : 1px solid black;
	overflow : hidden;
	min-height : 550px;
}

#titreContact
{
	padding-top : 10px;
	padding-bottom : 3px;
	border-bottom : 1px solid rgb(215,215,215);
	margin-bottom : 0px;
	text-shadow: 2px 2px 1px black;
}

#titreContact span
{
	background-color : rgb(4,24,235);
	color : white;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 4px;
	line-height : 22px;
	padding-bottom : 5px;
	font-weight : bold;
	font-size : 13px;
	border-top-left-radius : 8px;
	border-top-right-radius : 8px;
}

#champObligatoire
{
	font-style : italic;
}

.taille22
{
	font-size : 22px;
}

.taille16
{
	font-size : 16px;
}

.erreur
{
	text-align : center;
	color : rgb(254,0,0);
	font-weight : bold;
}

.info
{
	text-align : center;
	color : rgb(4,24,235);
	font-weight : bold;
}

.center
{
	text-align : center;
}

.champObligatoire
{
	margin-top : 3px;
	font-style : italic;
	font-size : 12px;
}

/**************************************************************************************************************************/
												/* Liens réseaux sociaux */
/**************************************************************************************************************************/

#lienReseauxSociaux
{
	position : fixed;
	left : 0;
	margin-top : 230px;
	width : 32px;
}

#lienReseauxSociaux img
{
	display : inline;
	width : 30px;
	padding-left : 21px;
	padding-top : 5px;
}

#lienReseauxSociaux img:hover
{
	cursor : pointer;
}

.fb-like
{
	margin-top : 10px;
	margin-left : 5px;
}

/**************************************************************************************************************************/
												/* Logo + Langue + identité */
/**************************************************************************************************************************/

#identiteClient
{
	position : absolute;
	margin-left : 31px;
	margin-top : 92px;
	text-align : center;
	width : 193px;
	height : 31px;
	line-height : 31px;
	font-family : garamond;
	font-weight : bold;
	z-index : 1;
	font-size : 14px;
}

#logo
{
	float : left;
	height : 150px;
	border-top-left-radius : 8px;
}

#logo #logo_isoar
{
	width : 165px;
	margin-top : 25px;
	margin-left : 46px;
	float : left;
}

#langue
{
	background-color : rgb(235,234,240);
	position : absolute;
	border-top-left-radius : 10px;
	padding : 5px;
	height : 141px;
	width : 20px;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
}

#langue img
{
	width : 20px;
}

#langue p 
{
	margin : 0px;
}

#btRecherche
{
	height : 30px;
	width : 30px;
	position : absolute;
	margin-top : 119px;
	border-top : 1px solid black;
}

#btRecherche img
{
	margin-top : 5px;
	margin-left : 4px;
	padding : 0px;
	height : 20px;
	width : 20px;
}

#btRecherche img:hover
{
	cursor : pointer;
}

/**************************************************************************************************************************/
												/* Connexion */
/**************************************************************************************************************************/

#erreurConnexionClient
{
	position : relative;
	margin-top : -67px;
	font-size : 12px;
	line-height : 11px;
}

#connexionLink
{
	background-color : rgb(235,234,240);
	color : black;
	font-size : 12px;
	font-weight : bold;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	position : absolute;
	margin-left : 686px;
	margin-top : 63px;
	border-right : 1px solid black;
	border-bottom : 1px solid black;
	border-top-left-radius : 8px;
	box-sizing : border-box;
	width : 152px;
	height : 26px;
	line-height : 11px;
}

#connexionLink p #flecheFormulaireConnexion_fr
{
	margin-top : 29px;
}

#connexionLink p #flecheFormulaireConnexion_en
{
	margin-top : 18px;
}

#connexionLink p
{
	margin : 0px;
	padding : 0px;
	width : 120px;
	height : 26px;
	padding-left : 10px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	position : absolute;
	margin-left : -42px;
	margin-top : 5px;
	text-align : center;
	font-family : segoe UI;
	font-size : 13px;
	color : rgb(4,24,234);
}

#deconnexionLink
{
	position : absolute;
	margin-left : 749px;
}

#deconnexionLink form button
{
	position : absolute;
	line-height : 11px;
	width : 26px;
	height : 152px;
	border : none;
	background-color : rgb(235,234,240);
	border-top-right-radius : 10px;
	border-bottom : 1px solid black;
	border-left : 1px solid black;
	font-family : segoe UI;
	font-weight : bold;
	font-size : 13px;
	color : rgb(4,24,234);
}

#deconnexionLink form button:hover
{
	cursor : pointer;
}

#deconnexionLink form button p
{
	margin-top : 10px;
	margin-left : -2px;
}

.rotate
{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	position : relative;
}

#connexionLink:hover
{
	cursor : pointer;
}

#connexionLink img
{
	width : 16px;
	margin-left : 5px;
	position : absolute;
	margin-top : 5px;
	margin-left : 10px;
	position : absolute;
	margin-top : 16px;
	margin-left : -12px;
}

#formulaireConnexion
{
	background-color : rgba(225,225,225,0.6);
	width : 233px;
	border-bottom-left-radius : 8px;
	border-left : 1px solid rgb(34,34,34);
	border-bottom : 1px solid rgb(34,34,34);
	padding-left : 7px;
	padding-right : 7px;
	margin-left : 186px;
	height : 120px;
	box-sizing : border-box;
	display : none;
	overflow : hidden;
}

#formulaireConnexion label
{
	width : 120px;
	font-size : 12px;
}

#formulaireConnexion input:nth-child(1), #formulaireConnexion input:nth-child(2)
{
	padding : 2px;
	margin : 0px;
}
#formulaireConnexion input:nth-child(1)
{
	margin-top : 10px;
}

#formulaireConnexion #lienInscription 
{
	margin : 0px;
	padding : 0px;
	font-size : 11px;
	margin-left : 10px;
	margin-top : 40px;
}

#formulaireConnexion #lienInscription a:nth-child(2)
{
	margin-left : 10px;
}

#formulaireConnexion #lienInscription a:hover
{
	font-weight : bold;
}

#connexionDeroulante
{
	position : absolute;
	margin-left : 330px;
	z-index : 99;
}

/**************************************************************************************************************************/
												/* Entete */
/**************************************************************************************************************************/

#header
{
	width: 1000px;
	height : 150px;
}

#entete-haut
{
	width : 775px;
	height : 119px;
	margin-left : 224px;
	border-left : 1px solid black;
}

#image-entete
{
	width : 749px;
	height : 119px;
	float : left;
	box-sizing : border-box;
	border-right : 1px solid black;
}

#demarrageSlider
{
	position : absolute;
}

#demarrageSlider button
{
	position : absolute;
	margin-top : 82px;
	border : none;
	border-radius : 10px;
	font-size : 12px;
	margin-left : 248px;
	font-family : segoe UI;
	font-weight : bold;
	background-color : rgba(255,255,255, 0.0);
}

#demarrageSlider button img
{
	vertical-align : middle;
	margin-right : 4px;
	margin-left : -2px;
}

#demarrageSlider button:hover
{
	cursor : pointer;
	text-decoration : underline;
}

/**************************************************************************************************************************/
												/* Menu haut */
/**************************************************************************************************************************/

#menuCenter img
{
	width : 25px;
}

#menuCenter a 
{
	text-decoration : none;
	font-weight : bold;
	display : block;
	height : 30px;
}

#menuCenter a:hover span
{
	border-bottom : 2px solid rgb(254,0,0);
}

#menuCenter
{
	height: 31px;
	line-height : 27px;
	position : absolute;
	margin-left : 224px;
	min-width : 749px;
	border-top : 1px solid black;
	border-left : 1px solid black;
	border-bottom : 1px solid black;
}

#menuCenter p
{
	font-size : 13px;
	text-align : center;
	margin : 0px;
	margin-top : 2px;
}

#sousSections
{
	padding-left : 0px;
	font-size : 11px;
}

.section
{
	background-image:linear-gradient(to bottom, rgb(210,210,210), rgb(245,245,245));
	width: 115px;
	height: 100%;
	float: left;
	cursor: pointer;
}

.sectionHome
{
	background-image:linear-gradient(to bottom, rgb(210,210,210), rgb(245,245,245));
	width: 59px;
	height: 100%;
	float: left;
	cursor: pointer;
}

.bordureMenuHome
{
	position : absolute;
	width : 0px;
	height : 20px;
	border-left : 2px solid white;
	border-right : 1px solid rgb(170,170,170);
	margin-top : -25px;
	margin-left : 57px;
}

.bordureMenu
{
	position : absolute;
	width : 0px;
	height: 20px;
	border-left : 2px solid white;
	border-right : 1px solid rgb(170,170,170);
	margin-top : -25px;
	margin-left : 115px;
}

/**************************************************************************************************************************/
												/* Menu gauche */
/**************************************************************************************************************************/

#rechercheSite
{
	display : block;
	position : absolute;
	width : 188px;
	height : 28px;
	padding-left : 5px;
	background-color : rgb(235,234,240);
	margin-top : 119px;
	margin-left : 31px;
	padding-top : 3px;
	border-top : 1px solid black;
	z-index : 2;
}

#rechercheSite input
{
	border-radius : 3px;
	border : 1px solid grey;
}

#rechercheSite input:nth-child(5)
{
	width : 135px;
	margin-right : 3px;
}

#bandeauGauche
{
	width : 193px;
	margin-left : 30px;
	float : left;
	font-size : 12px;
	border-left : 1px solid black;
}

#menu3 img.pointer:hover
{
	cursor : pointer;
}

#menuGauche
{
	padding-top : 1px;
}

#titreMenuGaucheSqualp
{
	background-color : rgb(254,0,0);
	width : 194px;
	display : inline-block;
	color : white;
	border-bottom : 1px solid black;
	border-top : 1px solid rgb(120,120,120);
	font-size : 12px;
	margin : 0px;
	height : 45px;
}

#titreMenuGauche
{
	background-color : rgb(254,0,0);
	width : 194px;
	display : inline-block;
	color : white;
	border-bottom : 1px solid black;
	border-top : 1px solid rgb(120,120,120);
	font-size : 12px;
	margin : 0px;
	text-shadow: 2px 2px 1px black;
	font-weight : bold;
	text-align : center;
	height : 32px;
	line-height : 32px;
}

#titreMenuGauche p
{
	margin : 0px;
}

#titreMenuGaucheSqualp p
{
	margin : 0px;
	padding : 0px;
	text-align : center;
	font-weight : bold;
	text-shadow: 2px 2px 1px black;
}

#titreMenuGaucheSqualp p:nth-child(1)
{
	letter-spacing : 2px;
}

#titreMenuGaucheSqualp p:nth-child(2)
{
	letter-spacing : 1px;
	letter-spacing : 1px;
}

#bordureBasMenuGaucheSqualp
{
	border-top : 1px solid black;
}

.menuGauche ul li a span span
{
	color : rgb(254,0,0);
}

.menuGauche a, .menuGauche:visited
{
	text-decoration : none;
	display : block;
}

.menuGauche:hover span
{
	border-bottom : 2px solid rgb(254,0,0);
}

.menuGauche ul
{
	height : 47px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding-left : 0px;
	background-color : rgb(223,225,224);
}

.menuGauche ul li img
{
	position : absolute;
	margin-left : -39px;
	margin-top : 14px;
}

.menuGauche li
{
	list-style-type: none; 
	height : 44px;
	line-height : 40px;
	padding-left : 10px;
	font-weight : bold;
	border-top : 1px solid rgb(170,170,170);
	border-bottom : 2px solid white;
}

.sousmenuGauche a, .sousmenuGauche a:visited
{
	text-decoration : none;
	display : block;
}

.sousmenuGauche a:hover span
{
	border-bottom : 2px solid rgb(254,0,0);
}

.sousmenuGauche p
{
	padding-top : 1px;
	margin : 0px;
}

.sousmenuGauche ul
{
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	padding : 0;
	padding-left : -3px;
	background-color : rgb(223,225,224);
}

.sousmenuGauche li
{
	padding-left : 19px;
	margin-left : 0px;
	list-style-type: none;
	background-image: url(../images/puce-fleche/puce/puceMenuGauche2.png);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	font-weight : bold;
	height : 44px;
	border-top : 1px solid rgb(170,170,170);
	border-bottom : 2px solid white;
	line-height : 38px;
}

.sousmenuGauche ul:nth-child(1).bordure
{
	border-top : 1px solid rgb(170,170,170);
	border-bottom : 2px solid white;
}

.sousmenuGauche li:nth-child(1)
{
	border-top : none;
}

.sousmenuGauche li:nth-child(6)
{
	border-bottom : none;
}

.sousmenuGauche ul.bordure li:nth-child(2)
{
	border-bottom : none;
}

.sousmenuGauche li div
{
	margin : 0px;
	padding-left : 6px;
	border-top-left-radius : 5px;
	border-bottom-left-radius : 5px;
	height : 44px;
	margin-left : 5px;
}

.select
{
	background-image : linear-gradient(to bottom, rgb(4,24,235), rgb(4,24,235));
}

.select a
{
	color : white;
	text-shadow: 2px 2px 1px black;
}

/**************************************************************************************************************************/
												/* Footer */
/**************************************************************************************************************************/

#W3C
{
	position : fixed;
	bottom : 0;
	right : 0;
}

#W3C img
{
	width : 70px;
	margin-right : 3px;
	margin-bottom : 3px;
}

#footer
{
	height : 20px;
	font-size : 10px;
	border-top : 2px solid black;
	background-color : rgb(4,24,235);
	border-bottom-left-radius : 8px;
	border-bottom-right-radius : 8px;
	padding-top : 3px;
}

#footer p
{
	color : white;
	text-align : center;
	margin-top : 0px;
	font-style : italic;
	font-weight : bold;
	margin-bottom : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

#footer a, #footer a:visited
{
	text-decoration : underline;
	padding-left : 8px;
	padding-right : 8px;
	color : white;
}

/**************************************************************************************************************************/
												/* Copyright */
/**************************************************************************************************************************/

#copyright
{
	position : fixed;
	bottom : 0;
	left : 0;
	color : white;
	text-align : center;
	font-size : 10px;
	font-weight : bold;
}

#copyright p
{
	margin : 0px;
	padding-left : 10px;
	padding-bottom : 10px;
}

/**************************************************************************************************************************/
												/* Autres */
/**************************************************************************************************************************/

.boutonFormulaireConnexion
{
	background-color : rgba(255,255,255,0);
	color : black;
	border : 1px solid black;
	font-weight : bold;
	padding : 0px;
	width : 32px;
	border-radius : 5px;
	margin-left : 10px;
	margin-top : 7px;
}

.boutonInput
{
	border : none;
	color : white;
	font-weight : bold;
	padding : 5px;
	cursor : pointer;
	text-shadow: 2px 2px 1px black;
	background-color : rgb(254,0,0);;
}

.slogan
{
	font-weight : bold;
	font-size : 40px; /*34px;*/
	color : rgb(4,24,235);
	font-family : 'mathilde';
	margin-top : 10px;
	margin-left : 15px;
	height : 32px;
}

.clear
{
	clear : both;
}

.inline
{
	display : inline;
}

.policeSqualp
{
	font-family : Garamond;
	margin-top : 3px;
}

.gras
{
	font-weight : bold;
}

.italique
{
	font-style : italic;
}

.rouge
{
	color : red;
}

.trait
{
	margin : auto;
	border-top : 1px solid rgb(215,215,215);
	height : 0px;
	width : 720px;
	overflow : hidden;
}