/* 	
		======================================================================================================
   	======================================================================================================
   	======================================================================================================
		
		Begin Here
	
		======================================================================================================
		======================================================================================================
		======================================================================================================		   
*/


/* 
======================================================================================================
======================================================================================================

Layout

======================================================================================================
======================================================================================================
Largeur totale sur 1000px pour laisser un peu de marge autour.
Colonne de droite rendue transparente pour s'afficher sur le fond spécial Home ou ailleurs.
*/
body, body.isblog, body.noblog {background: #FFFFFF /*#009393 url(/images/Background.png) repeat-x;*/ }
div.uk-container { background: #FFFFFF; margin-bottom: 0px; margin-top: 25px; padding-right:20px;}
.tm-middle {margin-top:20px;}

.tm-top-a {margin-top: 0px; padding: 0px !important; margin-right: -20px;}
	.tm-top-a div {padding: 0px !important;}
	#Module-103 {}/* Widgetkit SlideShow Images Photo fond */
	
	.tm-fullscreen { min-width: 320px; /*border-bottom: 1px solid rgba(0, 0, 0, 0.149);border-top: 1px solid rgba(0, 0, 0, 0.047);*/}
	.tm-fullscreen p {margin: 15px 0px;}
		.tm-fullscreen h3 {text-transform: uppercase; margin-top: 0px; color: #003333;}
		.tm-fullscreen .tm-image { }
			/*background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% ; height: 100%; width: 100%; 
															background-position: center top;
															min-height: 1000px; min-width:1200px;*/
		.tm-fullscreen .ziimage { left: 0px; z-index: -1; width: 100%;  }
		/* par défaut les textes sont sur la moitié droite pour les modules */
		.tm-fullscreen div.uk-container {position: relative; left:0px; }
		.tm-fullscreen div.uk-container .module {width: auto; z-index: 400; font-size: 120%; line-height: 160%;
		bottom: 2%; left: 40%; position: absolute; 	right: 4%;	top: 2%;	padding: 0%;}
			/* quand l'écran est petit, le texte est mis en dessous de la photo pas dessus, aligné à gauche, gris sur fond blanc, min 320 de large nameoh */
			@media only screen and (max-width: 1024px){
				.tm-fullscreen div.uk-container .module {width: auto; padding-left: 0%; min-width: 320px; background: #FFFFFF; color: #444444; height: auto; position: static; width: 100%;
					padding: 0px; }
				.tm-fullscreen .ziimage {width: 100%; overflow: hidden; min-height: 320px; left: 0px; max-height: 100%;}
				.tm-fullscreen .tm-image .uk-container-center { padding: 0px;}
				#Module-97 div {margin-top:10%;}
			}
			@media only screen and (min-width: 1024px){	
				.tm-fullscreen div.uk-container .module {} 	
			}
			@media only screen and (min-width: 1024px){	
				.tm-fullscreen div.uk-container .module {font-size: 110% ; line-height: 140%;}		
			}
			@media only screen and (max-width: 1200px){	
				.tm-fullscreen div.uk-container .module {font-size: 90% ; line-height: 110%;}		
			}			
		.tm-fullscreen .uk-container {background: transparent;}
		.tm-fullscreen .uk-container-center {margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto;}
	#tm-fullscreen1 .tm-image {}
		#Module-102 div {margin: 10%; padding: 00px;} /* Aujourd'hui */ 
	#tm-fullscreen2 .tm-image {}
		#Module-101 div { margin: 10%; padding: 00px; padding-right: 0px; padding-top: 0px;} /* Parcours */	
			#Module-101 h3 {color:#000088;}
			#Module-101 h4 {color:#000033;}
	#tm-fullscreen3 .tm-image {}
		#Module-100 div { background: rgba(0, 0, 0, 0.806) repeat-y; color: #f7d69f /* F3F3F3 */; padding: 40px;margin: 10%;} /* Motivation */
			#Module-100 h3{color: #F3F3F3;} /* Motivation */
	#tm-fullscreen4 .tm-image {}
		#Module-96 div { background: rgba(0, 30, 30, 0.906) repeat-y; color: #D3FFD3; padding: 40px;margin: 10%;} /* Direction de Projet */ 
		#Module-96 h3 {color: #FFFFFF;}
	#tm-fullscreen5 .tm-image {}
		#Module-98 div {background: rgba(0, 0, 0, 0.806) repeat-y; color: #f2Bb92 /*D3FFD3*/; padding: 40px;margin: 10%} /* Coaching */
		#Module-98 h3 {color: #FFFFFF;}
	#tm-fullscreen6 .tm-image {}
		#Module-97 { margin-top: 160px;}
				@media only screen and (max-width: 1200px){ #Module-97 {margin-top: 0px;} }
		#Module-97 div {background: rgba(0, 0, 10, 0.806) repeat-y; color: #D9D9FF; padding: 40px;margin: 10%; margin-top:100px;} /* Marketing */
			#Module-97 h3 {color: #FFFFFF;}
.tm-top-b {}
/* Ma Photo en haut à droite */
#Module-95 { padding:0px; /*margin-top:0px; */ border:none;border-radius:0px; margin-top:0px;}
#Module-95 img {/* margin:0px;  padding-left:0px; padding-right:0px; */}



/* 
======================================================================================================
======================================================================================================

Basics

======================================================================================================
======================================================================================================
*/ 

body {font-family: "Verdana"; font-size: 14px;}
h1, h2, h3, h4, h5, h6, .creative_form_1 .creativecontactform_title {font-family: "Blair ITC-", Verdana, Calibri; }
h1, .creative_form_1 .creativecontactform_title {line-height: 30px; font-size: 30px; margin-top: 10px; margin-bottom: 24px; color #00AAAA;}
	 .creative_form_1 div.creativecontactform_title {line-height: 42px !important;}
h2 {font-size: 24px; font-family: Verdana; color: #008888;}
h3 {font-size: 20px; margin-top:12px; font-family: Verdana; font-weight:700; color: #006666;}
h4 {font-size: 17px; margin-top:9px; font-family: Verdana; font-weight:700; color: #008888;}
h5 {font-size: 14px; margin-top: 6px; font-family: Verdana ; font-weight: 500; color: #00AAAA;}
h6 {font-size: 12px; margin-top: 3px; font-family: Verdana ; font-weight: 600; color: #004444;}
a {color: #007373;}
a:hover {color: #00AEAE;}
em { color: #006666;}
blockquote {font-style: normal; font-size: 100%; padding-left:20px; padding-top: 10px; padding-bottom: 10px; color: #111188; border-left: 2px solid #888888;}

.uk-article + .uk-article {padding-top: 30px;border-top: 1px solid #bbbbbb;}


/* 
======================================================================================================
======================================================================================================

Conventions

======================================================================================================
======================================================================================================
*/ 
.copyrights {display: block;background : transparent; color: #222222;}
#system ul li a {font-size: 14px; }

.uk-pagination > .uk-active > span { background: linear-gradient(to bottom, #007777, #00DDDD) border-box #00AAAA; }

.intropix {width: 300px; float: left; padding-right:25px;padding-bottom: 20px;}
.mainpix {width: 400px; float: left; padding-right:25px;}
.centralvid, .centralpix , .centralvid iframe, .centralpix img {margin: auto; text-align: center;}
div.centralpix {padding-top: 20px; padding-bottom: 20px;}
.precepte {}
.exemple {}
p.centerme {text-align: center;}
p.centerme a {display: inline-block;}

p.pensee {font-weight: 600; color: #009999; font-style: italic;}
p.sous-titre {font-weight: 400; color: #777777; font-style: italic; font-size: 20px; padding-bottom: 20px;}
p.sous-titre-intro {font-weight: 400; color: #777777; font-style: italic; font-size: 20px; padding-bottom: 0px;}

.socialbutton { display: inline-block;float: right;margin-bottom: 10px;margin-left: 5px;margin-top: 35px;}
.viadeo { background-image: url("/images/social/Viadeo.png");}
.linkedin { background-image: url("/images/social/LinkedIn.png"); }
 
 .slimbordered {padding: 30px; border: 1px solid #CCCCCC; margin-top: 60px;}
 .borderme {border: 1px solid #AAAAAA; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
 		.ntdlogo {width: 615px;}
 	.mynequote {font-size: 90%;font-style: italic; color: #666666; margin-top: 5px; margin-bottom: 5px;}
 	
a.knowmore , a.readmore{
	color:#ffffff;
	/*
	-moz-box-shadow: 1px 3px 4px #808080;
	-webkit-box-shadow: 1px 3px 4px #808080;
	-o-box-shadow: 1px 3px 4px #808080;
	box-shadow: 1px 3px 4px #808080;
	*/
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px outset #009595;
	background:#316666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#316666", endColorstr="#34d9d9"); /* Pour IE seulement et mode gradient à linear */
	background: -webkit-gradient(linear, left top, left bottom, from(#316666), to(#34d9d9));
	background: -webkit-linear-gradient(#316666, #34d9d9);
	background: -moz-linear-gradient(#316666, #34d9d9);
	background: -o-linear-gradient(#316666, #34d9d9); 
	background: -ms-linear-gradient(#316666, #34d9d9); 
	background: linear-gradient(#316666, #34d9d9);	
	padding: 8px 40px;
	font-size: 80%;
	font-weight: 500;
	text-shadow: none /*3px 1px 3px #dddddd */ /*35ffff*/;
}
a:active.knowmore, a:visited.knowmore, a:focus.knowmore ,
a:active.readmore, a:visited.readmore, a:focus.readmore 
{text-decoration: none; }
a:hover.knowmore,
a:hover.readmore
 {
	/*
	-moz-box-shadow: 1px 3px 4px #aaaaaa;
	-webkit-box-shadow: 1px 3px 4px #aaaaaa;
	-o-box-shadow: 1px 3px 4px #aaaaaa;
	box-shadow: 1px 3px 4px #aaaaaa;
	*/
	/*-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px; */
	/*border: 1px inset #009595 *//*#010066*/;
	background: #316666;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#316666", endColorstr="#34d9d9"); /* Pour IE seulement et mode gradient à linear */
	background: -webkit-gradient(linear, left top, left bottom, from(#316666), to(#34d9d9));
	background: -webkit-linear-gradient(#316666, #34d9d9);
	background: -moz-linear-gradient(#316666, #34d9d9);
	background: -o-linear-gradient(#316666, #34d9d9); 
	background: -ms-linear-gradient(#316666, #34d9d9); 
	background: linear-gradient(#316666, #34d9d9);
	text-decoration: none; 
	text-shadow: 3px 1px 3px #016666;
	}
p.knowmore , p.readmore {text-align: right; padding: 10px 0px 10px 0px;}

/* Bloc de Pagination */
.pagineme { text-align: center; margin-top: 30px;}
	.pagineme ul { list-style-type: none; display: inline-block;}
		.pagineme ul li {display: inline-block;}
			.pagineme ul li span, .pagineme ul li a { display: inline-block; min-width: 60px; margin: 5px;	
			padding: 5px 10px 5px 10px; text-align: center; }
			.pagineme ul li span.pagine-active {background: linear-gradient(to bottom, #005555, #00BBBB) border-box #00AAAA;}
			.pagineme ul li span.pagine-active:hover {background: linear-gradient(to bottom, #007777, #00DDDD) border-box #00AAAA;}
				.pagineme ul li span.pagine-active a {color: #00EEEE;}
			.pagineme ul li span.pagine-inactive {background: linear-gradient(to bottom, #003333, #007777) border-box #00AAAA;}
				.pagineme ul li span.pagine-inactive:hover {background: linear-gradient(to bottom, #111111, #555555) border-box #00AAAA;}
				.pagineme ul li span.pagine-inactive {color: #999999;}
			
.pagenavcounter {margin-top: 10px; margin-bottom: 10px;}

.uk-pagination {padding-bottom: 20px;}
.uk-pagination > li > a, .pagineme ul li a
																{background: linear-gradient(to bottom, #004444, #009999) border-box #00AAAA;
																text-shadow: none; color: #DDDDDD; padding:5px; padding-right:15px; padding-left: 15px;}
.uk-pagination > li > span, .pagineme ul li span
																{background: linear-gradient(to bottom, #002222, #007777) border-box #008888;
																text-shadow: none; color: #DDDDDD; padding:5px; padding-right:15px; padding-left: 15px;}
		
.uk-pagination > li > a:active, 
.pagineme ul li a:active ,
.uk-pagination > li:hover > a, 
.uk-pagination > li:hover > span 	, 
.pagineme ul li:hover a 
																{background: linear-gradient(to bottom, #006666, #00BBBB) border-box #00AAAA;
																text-decoration: none; text-shadow: none; color: #FFFFFF;}
.pagineme ul li:hover span {
	/*background: linear-gradient(to bottom, #004444, #009999) border-box #00AAAA;*/
	background: linear-gradient(to bottom, #002222, #007777) border-box #008888;
	text-shadow: none; /*color: #00CCCC;*/}

	.pager li {margin-right: 20px;}
	.pager li > a, .pager li > span {background: linear-gradient(to bottom, #005555, #00BBBB) border-box #00AAAA;}
	.pager li > a {color: #00EEEE;}
	.pagineme ul li span {color: #bbbbbb;}
	
	.pager li:hover > a, .pager li:hover > span  {color: #FFFFFF;
		background: linear-gradient(to bottom, #007777, #00DDDD) border-box #00AAAA;}

.icon-print {margin-right: 5px;}
.icon-envelope {margin-left: 15px; margin-right:5px; }

/* 
======================================================================================================
======================================================================================================

Menus

======================================================================================================
======================================================================================================
Le module 1 est affiché en page Home, le module 92 son clone sur toutes les autres.
*/
ul.menu {font-weight: 350; font-size: 1.3em;}
#Module-1 { margin-top: 20px; padding-top:10px;padding-bottom:10px;}
#Module-1 .mod-box { border : none; padding-top: 0px; }
#Module-1 .menu-sidebar a, #block-side .menu-sidebar li > span { color: #414141;} /* sur la page d'accueil */

#Module-92 { margin-top: 20px;padding-top:10px;padding-bottom:10px;}
#Module-92 .mod-box { border : none; padding-top: 0px; }
.uk-nav-side > li.uk-active > a {background: #007E7E;}

/* Le Module de Menu 105 est affiché hors frame de page dans la division topmenu, avec les consignes du template Eat style Dove */
#topmenu .uk-panel-box > .uk-nav-side {  margin: 0 -30px;}
#topnavbar {/*position: fixed; */
	margin: 0px; 
	border-bottom: 1px solid rgba(0, 0, 0, 1.298);
	border-left: 0px solid rgba(0, 0, 0, 0.102);
	border-right: 0px solid rgba(0, 0, 0, 0.102);
	border-top: 0px solid rgba(0, 0, 0, 0.102);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008888", endColorstr="#002222"); /* Pour IE seulement et mode gradient à linear */
		 	background: -webkit-gradient(linear, left top, left bottom, from(#114444), to(#002222));
		 	background: -webkit-linear-gradient(#114444, #002222);
		 	background: -moz-linear-gradient(#114444, #002222);
		 	background: -o-linear-gradient(#114444, #002222);
		 	background: -ms-linear-gradient(#114444, #00222);
		 	background: linear-gradient(#114444, #002222);	
	}
	#topnavbar div.uk-container { background: transparent; margin-top: 0px;}
	#Module-105 {background: transparent /*#008888*/; padding: 0px; }
		#Module-105 li a {color: #FFFFFF; padding-top: 15px; padding-bottom: 15px;}
		#Module-105 li {display: inline-block;}
		#Module-105 .uk-navbar-nav > li { float: left;position: relative;}
		#Module-105 ul {

		}
/* 
======================================================================================================
======================================================================================================

Home 

======================================================================================================
======================================================================================================
*/

	/* Home layout */
	/* rendre le bloc principal invisible sans l'enlever */
#main.nomain {background: transparent;}
#block-main.nomain { background: transparent; }
#block-main.nomain .mod-box {border-color: transparent;}

	/* Home Conventions */
.homecontentwidth {width: 726px;}
.nomain .copyrights {display: block; background : transparent; color: #CCCCCC;}
.print {display: none;}
.email {display: none;}

	/* Home Modules */
		/* 87 en position Top-A qui affiche ma photo, les couvertures, puis le copyright 
				Pour pouvoir être affiché en débordant sur top-a, ce module doit sortir du flow et donc être affiché en absolu.
		*/
/*#Module-100  {background: transparent ;}*/
				/* Photo */
.main-photo {margin:-0px; position: absolue;}
				/* Tableau superposé aux images des couvertures */
				/*
#Module-100 table.write-above {position: relative; 
/
/* background: url('/images/Couvertures.png') */; 
/* color: #00BBBB; top:-300px; height: 362px; margin-left:-31px; padding-top: 0px;}
#Module-100 table.write-above td {padding-right:35px; padding-left:35px;}
#Module-100 table.write-above td a:link, #Module-100 table.write-above td a:visited {color:#00AAAA;}			
#Module-100 table.write-above td a:hover, #Module-100 table.write-above td a:active {color:#00CCCC;}
#Module-100 h4 {color: #008888;} 
*/
.showcover { background: #0d2020; padding: 0px; padding-bottom:25px;}
.showcover td a:link, .showcover td a:visited {color:#00AAAA;}			
.showcover td a:hover, .showcover td a:active {color:#00CCCC;}
.showcover h4, .showcover p {color: #00CCCC; display:inline-block; padding-left:25px;padding-right:25px; margin-top:0px; margin-bottom:10px;} 
.showcover h4 {color: #00EEEE;}
/* 
======================================================================================================
======================================================================================================

Pages Spécifiques 

======================================================================================================
======================================================================================================
*/

		/*
		======================================================================================================
		Bio/CV
		======================================================================================================
		*/
		.bio img {padding:10px;}
#Bio p, #Bio ul {margin-bottom: 8px; margin-top:8px;}
#Bio p.Nom {font-size:22px; text-align:center; font-weight:900; margin: 6px;}
.MsoNormal {margin-bottom:4px; margin-top:6px;}
.RsumTitre {font-size:18px; text-align:center; font-weight: 800;}
.Rsum {font-size:14px;text-align:center;}
.Poste { font-size:16px; font-weight:600; color:#555555;}
.PosteMission {font-weight: 700;}
.Employeur {font-style: italic; color: #449999; }
.Groupement {color: #009999; font-weight:800; font-size:15px;}
.Activite { list-style: square;}
.Resultats {display:none;}
.Intercalaire {display:none;}
#doWord {float: right; display:none;}
	td.column2 {text-align: center; }
		/*
		======================================================================================================		
		Articles
		======================================================================================================		
		En cas de souci, vérifier la clause #system ul li a dans les Conventions
		*/
.sidenote {width: 200px; float: right;}

.news {background: linear-gradient(to bottom, #005555, #008888) border-box #009999; color : #FFFFFF; padding: 40px; clear: both; margin-top: 30px; margin-bottom: 30px;}
	.news h2 {color: #00CCCC}
	.news a {color: #00FFFF}

	.authorzone 	{ border: 1px solid #CCCCCC; padding: 25px;	margin-bottom: 50px; margin-top: 50px;
		display: -ms-Flexbox;	-ms-box-orient: horizontal;	display: -webkit-flex;	display: -moz-flex;	display: -ms-flex;	display: flex;
		flex-wrap: wrap; flex-direction: row; 
		}
				.authorzone .intitule {font-weight: 600; display: inline-block; padding-right: 6px;}
		.authorzone > div {margin:-20px; padding: 20px;display: flex;}
			.authorzone .description {padding-left: 40px; flex-direction: column; display: flex;}
				
		.authorzone 	.illustration {width: 210px; flex-basis: 200px;}
			.authorzone .illustration img {height: 188px; width: 200px;}
			.authorzone 	.illustration .zoopix {min-width: 200px; padding-bottom: 0px; padding-right: 0px; }
		.authorzone .main {padding-left: 30px; flex-grow: 1; flex-shrink: 1; flex-basis: 300px; margin-left: 0px;}
			.authorzone .main div:not(:last-child) {margin-bottom: 5px;}
			.authorzone 	.libelle {font-weight: 500; padding-bottom: 5px; font-size: 1.2em; padding-left: 20px; }
				.authorzone .libelle p {margin-bottom: 5px; margin-top: 5px;}
				.authorzone 	.libelle h3 {color: #333333; font-size: 1.2em; }
				
			.authorzone .contact { padding-left: 10px; text-decoration-color:transparent}
	.authorzone 	.section 	{}
	.authorzone 	.entite 	{}
	.authorzone h3 {font-size: 18px; color: #292929; margin-bottom: 8px}
	




		/* 
		======================================================================================================		
		Contact 
		======================================================================================================		
		*/
		/* Ancient Formulaire aujourd'hui désaffecté car passoire à pirates roumains
		.fcp_mandatory {background: url("http://arnaudolieric.fr/components/com_flexicontactplus/assets/asterisk.png") 100% 0 no-repeat transparent; padding-right: 1em; padding-left: 0em;}
		.fcp_sendrow {margin-right:45px;}
		.fcp_sendrow .button {padding-left: 13px; padding-right: 13px; padding-top: 5px; padding-bottom: 5px;float: right; }
		.fcp_textarea {}
		*/
		
		#Module-109 {width: 80%; /*margin-left: auto; margin-right: auto;*/}
			.pweb-field-container, .pweb-field-buttons {width: 100% !important;text-align: left;}
				#pweb-field {display:inline-block; margin-left: auto; margin-right: auto; width: 100%;}
					#pwebcontact109_send {text-align: center;margin-left: auto; margin-right: auto; display:inline-block; width: 130px; float: right;}
.powered_by powered_by_4 {display: none !important;}
#Module-107 { padding:0px;margin-top:0px;}
.sexycontactform_wrapper {margin-top:0px;}
.sexycontactform_title {display:none;}
/* nouveau frmulaire : */
.creativecontactform_title {}


/* Points de Focus */
.blank {margin: 0px; padding:0px; border:none; background: transparent;}
.modulebouton {padding: 5px; margin-top:10px; }
.modulebouton a {display:inline-block; width: 160px; height: 66px; background: url(/images/Bouton.png) no-repeat	; margin-left:20px; )}
.modulebouton a:hover {background-position: 0px -66px;}
.tm-main-top {margin-left: -70px}


.forcetoi {height: 400px;resize:none !important;}


/* Citations */
#Module-108 {background: url(/images/Marbre.png); color: #FFFFFF; font-size: 1em; min-height: 30px; padding:10px; border:1px outset #004444;}
		/* 
		======================================================================================================		
		Services
		======================================================================================================		
		*/
		.thethings {width: 150px; margin-left: auto; margin-right: auto;}
			.leftone {text-align: center; display: inline-block; }
			.rightone {text-align: center; display: inline-block;}
			
		ul p {margin-top: 3px; margin-bottom: 5px;}
		
		
		
		
		.article-index {display:none;} /* Je le fais en manuel corrigé */