/*
 * Elements génériques globaux
 */
/* On ajoute les polices pour le site: */
@font-face { 	font-family: "Helvetica Neue"; 	src: url('font/hlmc.ttf'); }
@font-face { 	font-family: "Helvetica Neue"; 	src: url('font/hlmc.eof'); }

*
{
	margin: 0px;
	padding: 0px;
}

html
{
	height: 100%;
}

body
{
	background-color: #FFFFFF;
	background-image: url( ../image/fond/fond.png );
	background-repeat: repeat;

	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;

	font-family: Arial, Helvetica, sans-serif;
	color: #828282;
	font-size: 12px;

	overflow-x: hidden;
}

a
{
	color: #B01B61;
	text-decoration: none;
}

a:hover
{
	color: #B01B61;
	cursor: pointer;
	text-decoration: underline;
}

a:visited
{
	color: #B01B61;
	text-decoration: none;
}

a.lien-externe
{
	color: #408140;
	text-decoration: underline;
}

a.lien-externe :hover
{
	color: #408140;
	cursor: pointer;
	text-decoration: underline;
}

a.lien-externe :visited
{
	color: #408140;
	text-decoration: underline;
}

img
{
	border: none;
}

ul
{
	list-style: none;
}

select
{
	display: inline;

	height: 30px;
	line-height: 30px;

	padding: 4px 6px;

	color: #A8A09E;
	font-size: 12px;

	border: solid 1px #CCCCCC;

	border-radius: 5px;
	text-align: left;
	vertical-align: middle;
}

input
{
	display: inline;

	height: 28px;
	line-height: 28px;

	color: #A8A09E;
	font-size: 12px;

	border: solid 1px #CCCCCC;

	border-radius: 5px;
	text-align: left;
	vertical-align: middle;
}

strong
{
	font-weight: bold;
	color: rgb( 104, 108, 101 );
}

.discret
{
	font-weight: normal;
	font-style: italic;
	color: rgb( 194, 198, 191 );
}

.mandatory
{
	color: red;
}

.container
{
	display: block;
	float: none;

	width: 1010px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;

	background-color: rgb( 236,234,234 );

	-ms-box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
	-khtml-box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
	-webkit-box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
	-o-box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
	-moz-box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
	box-shadow: 0 0 15px 0px rgba(41, 41, 41, 0.50);
}

#header-page
{
	display: block;
	float: none;
	clear: both;

	width: 1010px;
	top: 0px;
}

#corps-page
{
	display: block;
	float: none;
	clear: both;

	width: 1010px;
}

#footer-page
{
	display: block;
	float: none;
	clear: both;

	width: 1010px;
	padding-top: 10px;
}

.zone_academique > h3.titre_zone_A
{
	color: rgb(162,179,231);
	font-size: 14px;
}

.zone_academique > h3.titre_zone_B
{
	color: rgb(255,157,157);
	font-size: 14px;
}

.zone_academique > h3.titre_zone_C
{
	color: rgb(165,204,167);
	font-size: 14px;
}
/*
 * FIN Elements génériques globaux
 */

/* HEADER */
.header-page
{
	display: block;
	float: none;
	clear: both;

	width: 100%;
	height: 246px;

	background-image: url( ../image/fond/fond-header.jpg );
	background-repeat: no-repeat;
}

.bandeau
{
	display: block;
	float: none;

	width: 100%;
	height: 150px;

	background-image: url( ../image/fond/fond-bandeau-header.png );
	background-repeat: no-repeat;
}

.logo
{
	display: block;
	float: left;

	padding-top: 15px;
	padding-left: 10px;
}

div.pub-header
{
	display: block;
	float: right;

	width: 728px;
	height: 90px;

	margin-top: 12px;
	margin-right: 25px;

	background-color: #A0A0A0;
}

div.menu-recherche
{
	display: block;
	float: right;

	height: 40px;
	width: 330px;

	position: relative;
	top: 104px;

	background-color: #ECEAEA;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.menu-recherche-input
{
	display: inline;

	color: #A8A09E;
	font-size: 12px;

	height: 24px;
	width: 170px;
	padding-left: 25px;

	margin-left: 20px;
	margin-top: 14px;

	background-image: url( ../image/pictogramme/loupe.png );
	background-position: 5px 5px;
	background-repeat: no-repeat;

	border-left: solid 1px #DBDBDB;
	border-top: solid 1px #DBDBDB;
	border-bottom: solid 1px #DBDBDB;
	border-right: none;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	text-align: left;
	line-height: 24px;
}

.menu-recherche-button
{
	display: inline;

	color: #FFFFFF;
	font-size: 12px;

	height: 24px;
	width: 92px;

	margin-top: 14px;

	background-color: rgb( 175,5,111 );

	border-right: solid 1px rgb( 175,5,111 );
	border-top: solid 1px rgb( 175,5,111 );
	border-bottom: solid 1px rgb( 175,5,111 );
	border-left: none;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	text-align: center;
	line-height: 24px;

	cursor: pointer;
}

h1
{
	display: block;
	clear: both;
	float: none;

	margin-left: 7px;
	margin-bottom: 10px;

	color: #9F1355;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-align: left;
}
/* Fin Header */


/* Colone de Gauche (menu + pub) */
#colone-menu-gauche
{
	display: block;
	clear: both;
	float: left;

	width: 247px;
}

.menu-navigation
{
	display: block;
	float: left;

	width: 247px;
	height: 237px;

	position: relative;
	top: -25px;

	background-image: url( ../image/fond/fond-menu-navigation.png );
	background-repeat: no-repeat;
}

.menu-navigation > ul
{
	list-style: none;
}

.menu-navigation > ul > li
{
	padding-left: 20px;

	line-height: 36px;
	text-align: left;
}

.menu-navigation > ul > li.entete
{
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;

	font-size: 17px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-weight: normal;
	text-align: left;
}

.menu-navigation > ul > li.footer
{
	position: relative;
	bottom: -20px;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}

.menu-navigation > ul > li.footer > a
{
	padding-left: 20px;
	background-image: url( ../image/pictogramme/plus-rechercher.png );
	background-position: left center;
	background-repeat: no-repeat;
}

.menu-navigation > ul > li > a
{
	padding-left: 10px;
	background-image: url( ../image/pictogramme/puce-footer.png );
	background-repeat: no-repeat;
	background-position: 0px 8px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}

.menu-navigation > ul > li > a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: underline;
}

.menu-navigation > ul > li > a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
}

.pub-gauche
{
	display: block;
	float: none;
	clear: both;

	width: 160px;
	height: 600px;

	margin-left: auto;
	margin-right: auto;

	background-color: #A0A0A0;
}
/* Fin colone de Gauche (menu + pub) */


.conteneur-bloc
{
	display: block;
	float: left;

	width: 734px;

	margin-left: 19px;
}

.bloc-left
{
	display: block;
	float: left;
	clear: both;

	width: 390px;
	margin-bottom: 18px;
}

.bloc-right
{
	display: block;
	float: left;

	width: 318px;
	margin-left: 20px;
	margin-bottom: 18px;
}

/* Fil d'Arianne */
.fil-arianne
{
	display: block;
	float: none;
	clear: both;

	margin-left: 6px;
	margin-top: 8px;
	margin-bottom: 2px;
}

.fil-arianne > ul
{
	display: inline;
	list-style: none;
}

.fil-arianne > ul > li
{
	display: inline;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAAAAA;
}

.fil-arianne > ul > li > a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAAAAA;
	text-decoration: none;
}

.fil-arianne > ul > li > a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAAAAA;
	cursor: pointer;
	text-decoration: underline;
}

.fil-arianne > ul > li > a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAAAAA;
	text-decoration: none;
}
/* Fin du fil d'Arianne */



.pub-contenu
{
	display: block;
	float: none;
	clear: both;

	width: 300px;
	height: 250px;

	margin-left: auto;
	margin-right: auto;

	background-color: #A0A0A0;
}

.pub-contenu-728
{
	display: block;
	float: none;
	clear: both;

	width: 734px;
	height: 90px;
}


p.titre
{
	clear: both;

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: rgb( 57, 56, 56 );

	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 13px;
	text-align: left;
}

.block-standard
{
	display: block;
	float: none;
	clear: both;

	width: 390px;

	background-color: #FFFFFF;
	border: 1px solid rgb( 212, 211, 205 );
}

.block-standard.h433
{
	min-height: 433px;
}

.block-standard.h391
{
	min-height: 391px;
}

.block-standard > header
{
	display: block;

	float: none;

	width: 390px;
	height: 47px;

	background-color: rgb( 244, 244, 244 );
	border-bottom: 1px solid rgb( 212, 211, 205 );
	border-top: 5px solid rgb( 176, 28, 98 );
}

.block-standard > header > h2
{
	padding-left: 15px;

	line-height: 47px;
	font-size: 19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb( 53, 53, 53 );
	text-align: left;
	font-weight: normal;
}

.carte /* 300px de largeur */
{
	display: block;
	float: none;

	min-height: 328px;

	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 5px;

	background-color: #FFFFFF;
}

.block-standard > section
{
	display: block;
	float: none;
	clear: both;

	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;
}

.block-standard > section > p
{
	margin-right: 10px;
	text-align: justify;
}

.block-mini
{
	display: block;
	float: none;
	clear: both;

	width: 318px;

	background-color: #FFFFFF;
	border: 1px solid rgb( 212, 211, 205 );
}

.block-mini.h433
{
	min-height: 433px;
}

.block-mini.h391
{
	min-height: 391px;
}

.block-mini > header
{
	display: block;

	float: none;

	width: 318px;
	height: 47px;

	background-color: rgb( 244, 244, 244 );
	border-bottom: 1px solid rgb( 212, 211, 205 );
	border-top: 5px solid rgb( 176, 28, 98 );
}

.block-mini > header > h2
{
	padding-left: 15px;

	line-height: 47px;
	font-size: 19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb( 53, 53, 53 );
	text-align: left;
	font-weight: normal;
}

.block-mini > section
{
	display: block;
	float: none;
	clear: both;

	padding-bottom: 20px;
	padding-left: 20px;
}

.block-mini > section > p
{
	margin-right: 20px;
	text-align: justify;
}

.block-mini-borderless
{
	display: block;
	float: none;
	clear: both;

	width: 318px;

	background-color: #FFFFFF;
	border: 1px solid rgb( 212, 211, 205 );
}

.block-mini-borderless > header
{
	display: block;
	float: none;

	width: 318px;
	height: 47px;

	background-color: rgb( 244, 244, 244 );
	border-bottom: 1px solid rgb( 212, 211, 205 );
	border-top: 5px solid rgb( 176, 28, 98 );
}

.block-mini-borderless > header > h2
{
	padding-left: 15px;

	line-height: 47px;
	font-size: 19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb( 53, 53, 53 );
	text-align: left;
	font-weight: normal;
}

.block-large
{
	display: block;
	float: none;
	clear: both;

	width: 728px;
	margin-top: 18px;

	background-color: #FFFFFF;
	border: 1px solid rgb( 212, 211, 205 );
}

.block-large > header
{
	display: block;
	float: none;

	width: 728px;
	height: 47px;

	background-color: rgb( 244, 244, 244 );
	border-bottom: 1px solid rgb( 212, 211, 205 );
	border-top: 5px solid rgb( 176, 28, 98 );
}

.block-large > header > h2
{
	padding-left: 15px;

	line-height: 47px;
	font-size: 19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb( 53, 53, 53 );
	text-align: left;
	font-weight: normal;
}

.block-large > section > p.titre
{
	margin-left: 20px;
	text-align: left;
}

.block-large > section > p
{
	margin-right: 20px;
	text-align: justify;
}

.ctn-interne-block-large
{
	display: block;
	float: none;
	clear: both;

	margin: 18px;

	text-align: justify;
}

.vertical-spacer
{
	margin-top: 18px;
}

.horizontal-spacer
{
	margin-left: 18px;
}

#ctn_zone_academie
{
	display: block;
	float: none;
	clear: both;

	width: 706px;
}

.zone_academique
{
	display: inline-block;
	float: none;

	width: 215px;
	padding-left: 20px;
	padding-bottom: 10px;

	vertical-align: top;
}

.zone_academique > h3
{
	padding-bottom: 10px;
	padding-top: 20px;

	color: rgb( 57, 56, 56 );
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Fin corps de la page */


/* FOOTER */
.footer-page
{
	display: block;
	float: none;
	clear: both;


}

.footer-backlink
{
	display: block;

	float: none;

	clear: both;

	height: 179px;
	width: 1010px;
	/*bottom: 67px;*/
	padding-left: 15px;

	background-image: url( ../image/fond/fond-bandeau-footer-backlink.png );
	background-repeat: no-repeat;
}

.footer-mention
{
	display: block;
	float: none;
	clear: both;

	height: 67px;
	width: 1010px;

	background-image: url( ../image/fond/fond-bandeau-footer-mention.png );
	background-repeat: no-repeat;
}

div.menu-mention
{
	display: block;
	float: none;

	width: 1010px;

	padding-top: 20px;
}

p.mention-discrete
{
	text-align: center;
	font-size: 10px;
	color: #CFCFCF;
}

p.mention-discrete > a
{
	font-size: 10px;
	color: #909090;
	text-decoration: none;
}

p.mention-discrete > a:hover
{
	font-size: 10px;
	color: #909090;
	cursor: pointer;
	text-decoration: underline;
}

p.mention-discrete > a:visited
{
	font-size: 10px;
	color: #909090;
	text-decoration: none;
}

.block-backlink
{
	display: block;

	float: left;

	width: 155px;
	height: 131px;

	padding-left: 8px;

	font-size: 10px;
	color: #D882AB;
}

.block-backlink > ul
{
	list-style: none;
}

.block-backlink > ul > li
{
	background-image: url( ../image/pictogramme/puce-footer.png );
	background-repeat: no-repeat;
	background-position: left center;

	padding-left: 10px;

	line-height: 16px;

	font-size: 10px;
	color: #D882AB;
}

.block-backlink > ul > li.entete
{
	background: none;
	padding-left: 0px;
	padding-top: 25px;
	margin-bottom: 7px;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #F7F6EF;
}

.separateur-backlink
{
	display: block;

	float: left;

	margin-top: 30px;

	background-color: rgb( 177,95,134 );
	width: 1px;
	height: 130px;
}

.block-backlink > ul > li > a
{
	font-size: 10px;
	color: #D882AB;
	text-decoration: none;
}

.block-backlink > ul > li > a:hover
{
	font-size: 10px;
	color: #D882AB;
	cursor: pointer;
	text-decoration: underline;
}

.block-backlink > ul > li > a:visited
{
	font-size: 10px;
	color: #D882AB;
	text-decoration: none;
}
/* FIN FOOTER */


/* Pager */
.pager
{
	display: block;
	float: left;
	position: absolute;

	margin-left: 273px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#select_type_etablissement
{
	display: block;
	float: left;
	width: 234px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pager-sup
{
	display: block;
	float: right;
	position: absolute;

	margin-left: 273px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#select_type_etablissement_sup
{
	display: block;
	float: right;
	width: 234px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-pager
{
	display: inline;

	height: 30px;

	padding: 3px 2px 3px 2px ;

	border: solid 1px #CCCCCC;

	border-radius: 5px;
	text-align: left;
	vertical-align: middle;

	cursor: pointer;
}

.btn-debut
{
	display: inline-block;

	width: 18px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.btn-debut:hover
{
	display: inline-block;

	width: 18px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: 0px -22px;
	background-repeat: no-repeat;
}

.btn-precedant
{
	display: inline-block;

	width: 14px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -18px 0px;
	background-repeat: no-repeat;
}

.btn-precedant:hover
{
	display: inline-block;

	width: 14px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -18px -22px;
	background-repeat: no-repeat;
}

.btn-suivant
{
	display: inline-block;

	width: 14px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -32px 0px;
	background-repeat: no-repeat;
}

.btn-suivant:hover
{
	display: inline-block;

	width: 14px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -32px -22px;
	background-repeat: no-repeat;
}

.btn-fin
{
	display: inline-block;

	width: 18px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -46px 0px;
	background-repeat: no-repeat;
}

.btn-fin:hover
{
	display: inline-block;

	width: 18px;
	height: 22px;

	background-image: url( ../image/pictogramme/sprite-btn-pager.png );
	background-position: -46px -22px;
	background-repeat: no-repeat;
}
/* Fin pager */

.recherche-avancee-input
{
	display: inline;

	color: #A8A09E;
	font-size: 12px;

	height: 28px;
	width: 200px;
	padding-left: 25px;

	background-image: url( ../image/pictogramme/loupe.png );
	background-position: 5px 5px;
	background-repeat: no-repeat;

	border: solid 1px #DBDBDB;
	border-radius: 5px;
	text-align: left;
}

#adresse.recherche-avancee-input
{
	width: 425px;
}

#select-type-etablissement
{
	width: 150px;
}

.recherche-avancee-button
{
	display: inline;

	margin-left: 20px;

	color: #FFFFFF;
	font-size: 12px;

	height: 28px;
	width: 92px;

	background-color: rgb( 175,5,111 );

	border: solid 1px rgb( 175,5,111 );
	border-radius: 5px;
	text-align: center;

	cursor: pointer;
}

.insecable
{
	white-space: nowrap;
}


/* Liste formatée style tableau */
.margin-right20
{
	margin-right: 20px;
}

ul.tableau > li
{
	border-bottom: 1px dashed;
	margin-top: 4px;
	padding-bottom: 5px;

	font-size: 13px;
	color: #A0A0A0;
}

ul.tableau.ta-r > li
{
	text-align: right;
}

.libelle-colonne
{
	display: block;
	float: left;
	width: 60px;
	margin-right: 10px;

	/*color: rgb( 84, 88, 81 );*/
	/*font-weight: bold;*/
	text-align: left;
}

.libelle-colonne-long
{
	display: block;
	float: left;
	width: 150px;
	margin-right: 10px;

	/*color: rgb( 84, 88, 81 );*/
	/*font-weight: bold;*/
	text-align: left;
}

.libelle-colonne-tlong
{
	display: block;
	float: left;
	width: 185px;
	margin-right: 10px;

	text-align: left;
}

ul.tableau > li > span.libelle-colonne
{
	display: block;
	float: left;
	padding-bottom: 5px;
}

ul.tableau > li > span.libelle-colonne-long
{
	display: block;
	float: left;
	padding-bottom: 5px;
}

ul.tableau > li.sans-bordure
{
	border: none;
}

ul.tableau > li > strong
{
	font-weight: normal;
	color: rgb( 104, 108, 101 );
}
/* Fin liste formatée style tableau */

/* table sorter */
table.tablesorter
{
	margin: 0px;
	border-spacing: 1px;
}

.form-inline
{
	display: block;
	float: none;
	clear: both;
}

.table-type-etablissement
{
	width: 100%;
}

.error-input
{
	border-color: rgb(190, 70, 70)
}


/* Formulaire de modification */
.ctn-form-nouvelle
{
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}

.ctn-form-ligne
{
	clear: both;
	height: 35px;
	width: 380px;
}

.full-large
{
	width: 100%;
}

.ctn-form-ligne > label
{
	float: left;
	width: 100px;
	padding-top: 5px;

	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(160, 160, 160);
	font-size: 13px;
}

.ctn-form-ligne > input
{
	float: left;
	margin-left: 15px;
	padding-left: 10px;
}

.ctn-form-ligne > input.readonly
{
	background-color: #E0E0E0;
}

.ctn-form-ligne > textarea
{
	float: left;
	margin-left: 15px;
	padding-left: 10px;
}

.ctn-form-ligne > select
{
	float: left;
	margin-left: 15px;
}

.ctn-form-ligne > .champ-long
{
	width: 250px;
}

.ctn-form-ligne > select.champ-long
{
	width: 262px;
}

.ctn-form-ligne > .champ-court
{
	width: 75px;
}

.ctn-form-ligne > .champ-medium
{
	width: 150px;
}

.ctn-form-ligne > .champ-xlong
{
	width: 400px;
}

.ctn-form-ligne.full-large > textarea
{
	float: left;
	margin-left: 15px;
	padding: 10px;

	resize: none;
	width: 390px;
	height: 175px;

	border-radius: 5px;
	border: 1px solid #CCCCCC;

	color: #A8A09E;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.ctn-form-ligne.full-height
{
	height: 202px;
}

/*CSS des placeholder*/
::-webkit-input-placeholder { color:#C0C0C0; }
::-moz-placeholder { color:#C0C0C0; } /* firefox 19+ */
:-ms-input-placeholder { color:#C0C0C0; } /* ie */
input:-moz-placeholder { color:#C0C0C0; }

.ctn-form-ligne > button
{
	height: 30px;

	margin-left: 115px;
	padding-left: 10px;
	padding-right: 10px;

	border-radius: 5px;
	color: white;
	border: 1px solid rgb( 175, 5, 111 );
	background-color: rgb( 175, 5, 111 );

	font-weight: bold;
	cursor: pointer;
}

.ctn-message-erreur
{
	width: 688px;
	padding: 10px 0px 10px 18px;
	margin-bottom: 18px;

	border: 2px solid red;
	border-radius: 5px;
}

.ctn-message-confirmation
{
	width: 688px;
	padding: 10px 0px 10px 18px;
	margin-bottom: 18px;

	border: 2px solid green;
	border-radius: 5px;
}

.btn-fermer
{
	float: right;
	margin-right: 10px;
	padding: 3px;

	cursor: pointer;
}
/* Fin formulaire de modification */

/* CGU */
#cgu
{
	padding: 20px;
	line-height: 1.5em;
}

.intro
{
	padding: 10px;
	border: 1px solid rgb(252, 252, 252);
	background: rgb(245, 245, 247);
}

#cgu > h3
{
	display: block;
	font-size: 1.17em;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;

	margin: 20px 0px 0px 0px;
	text-align: justify;
	border-bottom: 1px solid rgb(239, 239, 239);
}

#cgu > p
{
	margin: 10px 0;
	text-align: justify;
}

#cgu > ul, ol, li
{
	list-style: none;
	text-align: justify;
}

#cgu > .ol
{
	margin: 20px 0px;
}

.ol > .oltitle
{
	font-weight: bold;
	margin-top: 30px;
}

.ol > .olsub
{
	padding-left: 15px;
}

.ol > .olsub > li
{
	padding-top: 10px;
}

/* Fin CGU */

/* Gestion des pictogramme pour les spécialités */
.ctn-picto-specialite
{
	clear: both;
	height: 32px;
}

.picto-specialite
{
	float: left;

	width: 32px;
	height: 32px;

	margin-right: 1px;
	cursor: pointer;
}

.picto-specialite-1
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/1.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-2
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/2.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-3
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/3.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-4
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/4.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-5
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/5.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-6
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/6.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-7
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/7.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-8
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/8.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-9
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/9.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-10
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/10.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite-11
{
	width: 32px;
	height: 32px;

	background-image: url(../image/pictogramme/special/11.png);
	background-repeat: no-repeat;
	background-position: 0px -32px;
}

.picto-specialite:hover:not(.mute)
{
	background-position: 0px 0px;
}

.picto-specialite-selected:hover:not(.mute)
{
	background-position: 0px -32px;
}

.picto-specialite-selected
{
	background-position: 0px 0px;
}

.picto-specialite.mute
{
	cursor: default;
}
/* Fin gestion des pictogramme pour les spécialités */


/* Ajout du CSS pour la V2 avec les établissements Sup et Pro */
ul.tableau.mini > li
{
	margin-top: 2px;
	padding-bottom: 2px;

	font-size: 11px;
}

div.onglet-titre
{
	display: inline;
	height: 42px;
	width: 364px;
	float: left;

	margin-top: 4px;

	border-top: 1px solid rgb( 212, 211, 205 );
	border-bottom: none;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;

	cursor: pointer;
}

div.onglet-titre.left.actif
{
	width: 363px;
	background-color: #FFFFFF;
	border-right: 1px solid rgb( 175, 5, 111 );
	border-top: 1px solid rgb( 175, 5, 111 );
	border-bottom: 1px solid #FFFFFF;
}

div.onglet-titre.right.actif
{
	width: 363px;
	background-color: #FFFFFF;
	border-left: 1px solid rgb( 175, 5, 111 );
	border-top: 1px solid rgb( 175, 5, 111 );
	border-bottom: 1px solid #FFFFFF;
}

div.onglet-titre:hover
{
	background-color: rgba( 175, 5, 111, 0.1 );
}

div.onglet-titre > h2
{
	padding-top: 10px;
	text-align: center;
	color: rgb( 160, 160, 160 );
}

div.onglet-titre.actif > h2
{
	color: rgb( 53, 53, 53 );
}

div.onglet-titre:hover > h2
{
	color: rgb( 53, 53, 53 );
}

.hidden
{
	display: none;
}

.colonne_statut
{
	width: 50px;
}

.colonne_reconnu
{
	width: 110px;
}

.colonne_eleve
{
	width: 50px;
}

.colonne_nom
{
	min-width: 510px;
}

.ctn-niveau-diplome
{
	margin-top: 15px;
}

.ctn-diplome
{
	margin-left: 15px;
	margin-top: 5px;
}

div.ctn-info-diplome > div
{
	padding-left: 15px;
	background-image: url(../image/pictogramme/puce.png);
	background-repeat: no-repeat;
	background-position-x: 10px;
	background-position-y: 6px;
}

h3
{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}

h4
{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 1.25em;
}
/* Fin ajout du CSS pour la V2 avec les établissements Sup et Pro */








/*
 * ANCIEN CSS (à trier)
 */
.clear
{
	clear: both;
}

.divider
{
	padding-right: 3px;
	padding-left: 3px;
}

.no-latteral-padding
{
	padding-left: 0px;
	padding-right: 0px;
}

.no-latteral-margin
{
	margin-left: 0px;
	margin-right: 0px;
}

.no-margin-bottom *
{
	margin-bottom: 0px;
}

.no-padding
{
	padding: 0px;
}

.nav-list.no-latteral-margin > li > a
{
	margin-left: 0px;
	margin-right: 0px;
}

.row-fluid.margin-bottom-20
{
	margin-bottom: 20px;
}

.breadcrumb
{
	padding: 4px;
	padding-left: 5px;
}

.well-small
{
	padding: 4px;
}

h2
{
	font-size: 19px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: rgb( 53, 53, 53 );
	text-align: left;
	font-weight: normal;
}

tr.paire
{
	background-color: #EEE;
}

td.number
{
	text-align: right;
}

.masque
{
	display: none;
}

input.pagedisplay
{
	text-align: center;
}

.margin-left-20
{
	margin-left: 20px;
}

.telnum{color: rgb(104, 108, 101);font-weight:normal;}
.telmairie_prix{font-size:9px;color:#AAA}
.svatelclear{
background: url("https://s3.eu-central-1.amazonaws.com/annuaire.mairie/img/sva/telbtn-sva-clear.png") no-repeat scroll left top;
color: #000;
display: inline-block;
font-size: 16px;
font-weight: bold;
height: 24px;
padding: 4px 0 0 10px;
width: 195px;
}
#tel118{position:absolute;font-weight:bold;margin:127px 0 0 701px;width:270px}
#tel118 a{color:#fff;text-decoration:none}
#teld1{font-size:14px;text-align:center;color:#fff;text-shadow:1px 1px #000}
#teld2{text-align:center;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:5px auto auto;width:130px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
border:1px solid #2172db;background:#2172db;
background:-moz-linear-gradient(top,#2172db 0%,#154789 100%);
background:-webkit-linear-gradient(top,#2172db 0%,#154789 100%);
background:linear-gradient(to bottom,#2172db 0%,#154789 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2172db',endColorstr='#154789',GradientType=0)}
#tels1{font-size:16px}
#tels2{font-size:30px}
.svatelclear{background: rgba(0, 0, 0, 0) url("https://s3.eu-central-1.amazonaws.com/annuaire.mairie/img/cartouchetel3e.png") no-repeat scroll left top;color:#a50f78;display:inline-block;font-size:16px;font-family:Arial;font-weight:bold;height:24px;padding:4px 0 0 6px;width:212px}
.svatelclear a{text-decoration:none;color:#a50f78}
.svadelainum{font-size:10px;color:#999}
.map{
	height: 400px;
	width: 100%;
}