/* é */
/* 	*****************

		ENTETE

***************** */
div#entete div.gauche
{
	float: left;
	width: 45%;
}

div#entete div.droite
{
	float: right;
	/* width: 55%; */
}

/* 	-----------------
		CARTE VISITE
----------------- */
div#carte_visite
{
	background-color: #4284D3;
	border: 2px solid #FF9C00;
	margin: 0 auto;
	width: 60%;
	height: 106px;
	background-image: url(../Images/Design/fond_carte_visite.jpg);
	background-repeat: repeat;
	background-position: left top;
}

div#carte_visite span.nom
{
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 2em;
}

div#carte_visite span.telephone
{
	display: block;
	text-align: left;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0 4px;
}

div#carte_visite div.mail
{
	display: block;
	text-align: right;
	color: #FFFFFF;
	font-size: 1em;
	padding: 0 4px;
}

div#carte_visite a:hover
{
	color: #FF9C00;
}

/* 	---------------------------
		ONGLETS REALISATIONS
					ET
		LISTE RÉALISATIONS
--------------------------- */
ol.realisations
{
	list-style: none;
	margin-right: 5px;
}

div#contenu ol.realisations
{
	width: 600px; /* = (141+5+(2*2)) * 4 */
	margin: 0 auto;
}

ol.realisations li
{
	display: block;
	float: left;
	border: 2px solid #FF9C00;
	height: 106px;
	margin-left: 5px;
	margin-bottom: 5px;
	position: relative;
	text-align:center;
	width: 141px;
	background-color: #FFFFFF;
}

ol.realisations li div.fiche_realisation
{
	background-color: transparent;
	background-image: url(../Images/Design/fond_onglets_orange.png);
	height: 106px;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

/*
ol.realisations li div.fiche_realisation
{
	left: -1000px;
}

ol.realisations li:hover div.fiche_realisation, ol.realisations li div.fiche_realisation img:hover
{
	left: 0;
}
*/

ol.realisations li div.fiche_realisation span.titre
{
	display: block;
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 1em;
}

div.realisation_gauche
{
	height: 150px;
	/* width: 362px;*//* 152 + 10 + 200 */
	width: 152px;
	float: left;
	margin: auto;
}

div.realisation_gauche a.zoom
{
	margin: 0 auto;
}

div.realisation_droite
{
	margin-left: 152px;
	padding: 2px;
	padding-left: 10px;
	width: 304px;
}

div.realisation_droite p.cadre
{
	text-align: right;
	color: #FFFFFF;
}

div.realisation_droite p.description
{
	margin-bottom: 1em;
}

div.realisation_droite p.tags
{
	font-style: italic;
}

div.realisation_gauche div.cadre_apercu
{
	text-align: center;
	width: 141px;
	display: block;
}

/* 	*****************

		MENU

***************** */
ul#menu
{
	list-style: none;
}

ul#menu li
{
	background-color: transparent;
	background-image: url(../Images/Design/fond_menu.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 32px;
	margin: 1px 0;
	line-height: 2.3em;
	text-align: right;
}

ul#menu li a
{
	color: #FFFFFF;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
}

ul#menu li a:active, ul#menu li a:focus
{
	color: #FF9C00;
}

ul#menu li a:hover
{
	color: #2b2b23;
}

/* 	*****************

		DEEZER

***************** */
div#player
{
	width: 180px;
	height: 236px;
	margin: 2em auto;
}

/* 	***********************

		CHANGEUR DE LANGUE

*********************** */
ul#changeur_langue
{
	list-style: none;
	text-align: center;
	margin: 2em auto;
}

ul#changeur_langue li
{
	display: inline;
}

/* 	***********************

		POPIN

*********************** */
#nyroModalFull div.wrapper
{
	background-color: #6899D3;
}

/* 	***********************

		SCal CALENDAR

*********************** */
.scal_calendar
{
	/*
	position: absolute;
	display: none;
	z-index: 12;
	*/
}

/* 	***********************

		QUI SUIS-JE

*********************** */
/* Carte identité */
dl#ci
{
	position: relative;
}

dl#ci dt
{
  font-weight: bolder;
  text-decoration: underline;
}

dl#ci dd
{
  font-style: italic;
	padding: 0 2em;
}

dl#ci dt.photos
{
	text-indent: -1000em;
}

dl#ci dd.photos
{
	position: absolute;
	top: 0;
	right: 0;
}

/* Tableaux Cursus */
table.cursus
{
	border: 1px solid #FF9C00;
  border-collapse: collapse;
}

table.cursus tbody td
{
  border: 1px dashed #FF9C00;
  font-size: 0.9em;
  padding: 0 1em;
	margin: 0;
}

table.cursus th
{
  padding-bottom: 1em;
  border-bottom: 1px solid #2b2b23;
	background-color: #0E53A7;
	color: #FFFFFF;
}

table.cursus tfoot td
{
  padding-top: 1em;
  border-top: 1px solid #2b2b23;
	text-align: center;
	font-weight: bold;
	background-color: #0E53A7;
	color: #FFFFFF;
}

tr.maternelle td, tr.college td, tr.iut td
{
	background-color: #4284D3;
}

tr.primaire td, tr.lycee td
{
	background-color: #6899D3;
}

/* 	***********************

		Abécédaire

*********************** */
ol#ol_abecedaire
{
  list-style-type: upper-alpha;
	list-style-position: inside;
	font-size: 1.25em;
}

ol#ol_abecedaire li
{
	display: block;
	float: left;
	width: 33%;
	color: #2b2b23;
}

ol#ol_abecedaire li:first-letter
{
	font-size: 2.5em;
	color: #FF9C00;
}

ol#ol_abecedaire li:hover:first-letter
{
	color: #2b2b23;
}

ol#ol_abecedaire li:hover
{
	color: #FF9C00;
}

/* 	***********************

		Liens

*********************** */
div#div_liens img
{
	margin-right: 0.5em;
	text-decoration: none;
}

div#div_liens a
{
	text-decoration: underline;
}

div#div_liens a img
{
	text-decoration: none;
}

/* 	***********************

		Contact

*********************** */
div#div_contact p
{
	margin: 2em;
	font-size: 1.125em;
}

div#div_contact p b
{
	margin-left: -1em;
}

/* 	***********************

		Contact

*********************** */
div#avertissement
{
	position: fixed;
	top: 0;
	left: 25%;
	width: 50%;
	background-color: #FF9C00;
	border: 1px solid #ED0924;
	text-align: center;
	padding: 0.2em 1em;
}



/* 	---------------------------
		Page CV
--------------------------- */
div#cv_gauche
{
	width: 45%;
	float: left;
	padding: 2.5%;
}

div#cv_droite
{
	width: 45%;
	float: right;
	padding: 2.5%;
} 

/* 	***********************

		CV

*********************** */
ul#cv
{
}

ul#cv, ul#cv ul
{
	list-style: none;
}

ul#cv a
{
	text-decoration: none;
	border: 1px solid #04346C;
	background-color: #4284D3;
	display: block;
	padding: 0.25em;
}

ul#cv li.niveau1 a:hover
{
	border-color: #FF9C00;
	color: #FFFFFF;
}

ul#cv li.niveau1 li a
{
	display: inline;
	border: none 0px;
	background-color: transparent;
	padding: 0;
	width: auto;
}

ul#cv img
{
	padding-right: 0.5em;
}

ul#cv li
{
	padding: 0.5em 0;
}

/* 	---------------------------
		Cadres de travail
--------------------------- */
ul#cadre_travail
{
}

ul#cadre_travail, ul#cadre_travail ul
{
	list-style: none;
}

ul#cadre_travail li
{
	padding: 0.5em 0;
}

ul#cadre_travail div.niveau1
{
	text-decoration: none;
	border: 1px solid #04346C;
	background-color: #4284D3;
	display: block;
	padding: 0.25em;
	color: #FFFFFF;
}

ul#cadre_travail div.niveau1:hover
{
	border-color: #FF9C00;
	color: #FFFFFF;
	cursor: pointer;
}

ul#cadre_travail span.titre_cadre
{
	font-size: 1em;
	font-weight: normal;
}

ul#cadre_travail span.date_cadre
{
	font-size: 0.8em;
	font-style: italic;
}

ul#cadre_travail span.date_cadre strong
{
	font-weight: normal;
	font-style: italic;
}

/* 	***********************

		A PROPOS

*********************** */
div#a_propos ul.niveau0, div#a_propos ul.niveau1, div#a_propos ul.niveau2
{
	padding: 0.5em 2em;
}

div#a_propos ul.niveau0
{
	list-style: square;
	font-size: 1.8em;
	clear: both;
	overflow: auto;
}

div#a_propos ul.niveau0 li
{
	float: left;
	width: 50%;
}

div#a_propos ul.niveau1
{
	list-style: disc;
	font-size: 0.6em;
	display: block;
}

div#a_propos ul.niveau1 li
{
	float: none;
	width: auto;
}

div#a_propos ul.niveau2
{
	list-style: circle;
	font-size: 0.9em;
	font-style: italic;
}

div#a_propos ul.niveau2 li
{
	float: none;
	width: auto;
}


/* 	***********************

		AUTRES

*********************** */
.pub
{
	margin: 0.5em 0;
	text-align: center;
}

ul.pub
{
	list-style: none;
}

ul.pub li
{
	margin: 1em 0;
}

/* 	***********************

		TWEETS

*********************** */
ul.twitter
{
	background-color:#FFFFFF;
	border: 1px solid #000000;
	list-style: none outside none;
	margin-left: 0.5em;
	padding: 0 1em;
	font-size: 1.2em;
	text-align: center;
}

ul.twitter a:link, ul.twitter a:visited
{
	color: #6899D3;
}
ul.twitter a:active, ul.twitter a:focus
{
	color: #2b2b23;
}
ul.twitter a:hover
{
	color: #FF9C00;
}

ul.twitter li
{
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #6899D3;
	font-size: 0.6em;	
	text-align: left;
}

ul.twitter li:hover
{
	border-color: #FF9C00;	
}

ul.twitter li.tw_copy
{
	text-align: right;
}