* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	/*background-attachment:fixed;*/
	background: #03537D url(medias/_images_modeles/page/fond.gif) repeat-x;
}

body,p,td,div,input,textarea,label,select,legend {
	color:#3F3F3F;
	font:12px/normal Arial, Helvetica, sans-serif;
}

div {
	position:relative 
}

img {
	border:none;
}

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

a:hover {
	text-decoration:underline;
}

.faux-hr {
	display:block;
	height:2px;
	background: url(medias/_images_modeles/background/point_gris.gif) 0 0 repeat-x;
	margin:20px 0 10px 0;
	line-height: 1px;
	overflow: hidden;
}

.nodisp {
	display:none;
}

h2 {
	color:#666;
	font-size: 24px;
	font-weight: normal;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}

a.puce {
	background: url(medias/_images_modeles/puces/puce_fg.gif) no-repeat left center;
	display:block;
	margin:10px 0;
	padding-left:10px;
	text-decoration:none;
}

a.puce:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------*/
/*												Structure de la page												 */
/*-----------------------------------------------------------------------------------------*/

div#conteneur {
	background: url(medias/_images_modeles/page/bg_conteneur.gif) repeat-y center center;
	margin:30px auto;
	width:940px;
}

div#corps {
	clear:none;
	float:left;
	padding:0;
	text-align:left;
	width:690px;
}

/*-----------------------------------------------------------------------------------------*/
/*														Header														 */
/*-----------------------------------------------------------------------------------------*/

div#header {
	background: url(medias/_images_modeles/page/bg_header.gif) no-repeat;
	height:22px;
}

div#header ul {
	list-style-type:none;
	margin:0 0 0 625px;
}

div#header li {
	border-left:1px solid #aaa;
	float:left;
	margin:1px 0 0 15px;
	padding:6px 0 0 3px;
}

div#header li a {
	color:#B2b2b2;
	font-size:10px;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
}

div#header li a.actif {
	color:#069;
}

div#header li a:hover {
	color:#069;
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------*/
/*													Tetiere/Accroche												 */
/*-----------------------------------------------------------------------------------------*/

div#tetiere {
	height:102px;
	display: block;
}

div#accroche {
	background: url(medias/_images_modeles/tetiere/accroche.jpg);
	height:85px;
	display: block;
}

div#accroche p {
	display:none;
}

/*-----------------------------------------------------------------------------------------*/
/*														Footer														 */
/*-----------------------------------------------------------------------------------------*/

div#footer {
	background: #03537D url(medias/_images_modeles/page/bg_footer.gif) no-repeat 0 0;
	clear: both;
	height: 34px;
	text-align: center;
	padding: 14px 2px 0 2px;
}

html>body div#footer {
	height:20px;
}

div#footer p {
	font-size: 11px;
}

#footer a {
	color: #CCC;
	text-decoration: none;
}

#agence a {
	color: #0492DB;
}

#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

#agence a:hover {
	color: #28B3FB;
}

#mentions, #copyright, #agence {
	display: block;
	width: 312px;
}

#mentions, #copyright, #agence {
	float: left;	
	color: #CCC;
}

#mentions {
	text-align: left;
}

#copyright {
	text-align: center;
}

#agence {
	color: #0492DB;
	text-align: right;
}

/*-----------------------------------------------------------------------------------------*/
/*														Contenu														 */
/*-----------------------------------------------------------------------------------------*/

div#contenu {
	background: #FFF url(medias/_images_modeles/page/bg_contenu.gif) repeat-y 0 0;
	height:358px;
	padding:20px 40px;
}

html>body div#contenu {
	min-height:318px;
	height:auto;
}

div#contenu p {
	padding-bottom: 10px;
}

div#contenu h3 {
	color:#900;
	font-size:12px;
	padding-bottom:15px;
}

div#contenu ul {
	list-style-type: none;
	padding-bottom: 10px;
}

div#contenu li {
	background: url(medias/_images_modeles/puces/tiret.gif) no-repeat 0 5px;
	padding-left: 10px;
	zoom: 1;
}

div#contenu .photo {
	margin-right:10px;
	float:left
}

div#contenu .photoL {
	margin-right:15px;
	float:left
}

div#contenu .photoR {
	margin-left:15px;
	float:right
}

div#contenu .photoL img, div#contenu .photoR img {
	border:5px solid #FFF;
}

div#contenu .legende {
	color:#900;
	font-style: italic;
	padding-top: 5px;
	font-size: 90%;
}

div#contenu .photoR .legende {
	text-align: right;
}
	
div#contenu #colGauche {
	display:inline;
	float:left;
	width:270px;
}

div#contenu #colDroite {
	margin-left:290px;
	background: url(medias/_images_modeles/background/point_gris_v.gif) repeat-y left;
	padding-left:30px;
	height:280px;
}

html>body div#contenu #colDroite {
	min-height:280px;
	height:auto;
}

div#contenu #colGauche h3.actu {
	background: url(medias/_images_modeles/puces/puce_page.gif) no-repeat;
	color:#900;
	font-weight:700;
	padding:0 0 15px 20px;
}

div#contenu #colDroite h3, div#contenu #colGauche h3 {
	padding:0 0 10px 0;
}

div#contenu #colDroite p.portrait {
	background:#FFF;
	float:left;
	margin-right:10px;
	padding:5px;
}

div#contenu #colDroite p.contact {
	height:75px;
}

div#contenu #colDroite p.infoportrait {

	font-style: italic;
}

div#contenu #colGauche a {
	background: url(medias/_images_modeles/puces/puce_small.gif) no-repeat 0 5px;
	padding-left:8px;
}

div#contenu #colGauche ul {
	margin-bottom: 10px;
}

div#contenu #colGauche ul a {
	background: none;
	padding-left: 0;
}

div#contenu ul.formations {
	list-style-type: none;
	background: #F5F5F5;
	padding: 10px;
	margin-bottom: 10px;
}

div#contenu ul.formations li {
	padding: 5px 0 5px 16px;
	background: url(medias/_images_modeles/puces/puce_liste.gif) no-repeat 0 10px;
}

div#contenu a#btn-retour {
	background: url(medias/_images_modeles/puces/retour.gif) no-repeat 0 3px;
	margin:10px 0;
	padding-left:15px;
}

/*-----------------------------------------------------------------------------------------*/
/*								Separateur (barre grise en dessous du contenu)							 */
/*-----------------------------------------------------------------------------------------*/

div#separateur {
	height:20px;
	background: url(medias/_images_modeles/page/bg_separateur.gif);
	padding: 0 40px 0 40px;
}

div#separateur p {
	line-height:20px;
	color:#757477;
	font-style:italic;
	font-size:90%;
}

/*-----------------------------------------------------------------------------------------*/
/*													Informations							 						 */
/*-----------------------------------------------------------------------------------------*/

div#informations {
	padding:20px 40px 0;
}

div#infosLorius {
	padding:20px 20px 0 40px;
}

html>body div#informations, div#infosLorius {
	height:auto;
}

div#informations p, div#infosLorius p {
	color:#666;
	float: left;
	padding-bottom: 10px;
	padding-right: 5px;
}

div#informations p {
	font:14px/normal Arial, Helvetica, sans-serif;
}

div#infosLorius p {
	font:12px/normal Arial, Helvetica, sans-serif;
}

div#informations ul {
	list-style-type: none;
	font-size:14px;
}

div#infosLorius ul {
	font:12px/normal Arial, Helvetica, sans-serif;
}

div#informations li, div#infosLorius li {
	/*background: url(../medias/puces/puce.gif) 0 3px no-repeat;*/
	display : inline;
	color: #006699;
}

div#informations a, div#infosLorius li {
	text-decoration:none;
}

div#informations a:hover {
	text-decoration:underline;
}

div#informations a#btn-haut  {
	display: block;
	width: 46px;
	height: 26px;
	margin:0 282px 0 282px;
	padding: 0;
	background: url(medias/_images_modeles/boutons/btn_haut.gif) no-repeat;
}

div#informations a#btn-haut:hover  {
	background: url(medias/_images_modeles/boutons/btn_haut_hover.gif) no-repeat;
}

/*-----------------------------------------------------------------------------------------*/
/*													Menu principal							 						 */
/*-----------------------------------------------------------------------------------------*/

div#menu {
	background: url(medias/_images_modeles/page/bg_menu.jpg) no-repeat top center;
	display:inline;
	float:left;
	height:188px;
	/*margin-left:10px;*/
	width:250px;
}

html>body div#menu {
	height:auto;
	min-height:188px;
}

div#menu a#retour-portail {
	display:block;
	width: 170px;
	height: 60px;
	line-height: 60px;
	margin:42px 0 1px 50px;
	text-decoration:none;
}

div#menu a#retour-portail:hover {
	color:#FFF;
}

div#menu a#retour {
	color:#CCC;
	display:block;
	font-size:11px;
	margin:70px 0 1px 110px;
	text-decoration:none;
}

div#menu a#retour:hover {
	color:#FFF;
}

div#menu li {
	background: url(medias/_images_modeles/menu/btn_menu.png);
	height:70px;
	display: block;
	list-style-type:none;
	margin:1px 0 2px;
	padding:20px 0 0 20px;
	text-align:left;
}

html>body div#menu li {
	height:50px;
}

div#menu li a strong {
	color:#3F3F3F;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

div#menu li a {
	color:#8C8C8C;
	font-family:"Myriad Pro Light SemiExt";
	font-size:12px;
	text-decoration:none;
}

div#menu li a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------*/
/*														References					 						 		 */
/*-----------------------------------------------------------------------------------------*/

div#references {
	padding: 20px 20px 20px 20px;
}

div#contenu div.application {
	width: 200px;
	height: 160px;
	background: url(medias/_images_modeles/background/bg_blocAppli.gif) no-repeat;
	float: left;
	cursor:pointer;
}

div#contenu div.application h3 {
	display: block;
	width: 178px; /*178px*/
	height: 45px; /*45px*/
	background: #0C5B96;
	color: #FFF;
	font-size: 12px;
	padding: 5px;
	line-height: 16px;
	margin: 10px 11px 0 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*text-transform: uppercase;*/
	font-weight: normal;
}

html>body div#contenu div.application h3 {
	width: 168px;
	height: 35px;
}

div#contenu div.application div.illustration {
	display: block;
	width: 178px;
	height: 95px; /*95px*/
	margin: 0 11px 0 11px;
	padding: 60px 0 0px 0;
	background-repeat: no-repeat;
}

html>body div#contenu div.application div.illustration {
	height: 35px;
}

div#contenu div.application div.illustration a {
	display: block;
	height: 30px; /*30px*/
	color: #FFF;
	line-height: 14px;
	padding: 2px 5px 2px 5px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}

html>body div#contenu div.application div.illustration a {
	height: 26px;
	background: transparent url(medias/_images_modeles/background/bg_transparent.png);
}

div#contenu div.application div.illustration p a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*-----------------------------------------------------------------------------------------*/
/*														Formations					    	 */
/*-----------------------------------------------------------------------------------------*/

div.formation {
	background-color: #F5F5F5;
	padding: 10px 20px 10px 10px;
	width: 560px;
}

div.formation h4 {
	padding: 2px 0 2px 10px;
	margin: 0;
	font-size: 12px;
	color: #069;
	background-color: #ededed;
	display: block;
	width: 250px;
}

div#contenu div.formation ul.formations {
	padding: 10px;
	margin-bottom: 5px;
}

div.formation p {
	padding: 5px 0 0 10px;
}

.omb1, .omb2, .omb3 {
  	display:inline-table;
  	/* \*/display:block;/**/
}

.omb1 {
  	float:left;
  	background:url(medias/_images_modeles/background/shadow.gif) right bottom no-repeat;
	margin-bottom: 25px;
}

.omb2 {
	background:url(medias/_images_modeles/background/corner_bl.gif) -4px 100% no-repeat;
}
  
.omb3 {
 	padding:0 16px 16px 0;
	background:url(medias/_images_modeles/background/corner_tr.gif) 100% -4px no-repeat;
}

.omb3 img {
 	border: 1px solid #ccc;
}





/*------------------------------------------------- Plan du site -----------------------------------------------------------*/
div#contenu .planSite0 {
	font-size: 12px;
}

div#contenu .planSite0 li {
	margin: 10px 0 10px 0;
	background: url(medias/_images_modeles/puces/puce_fg.gif) no-repeat 0 4px;
	padding-left: 14px;
}

div#contenu .planSite1 {
	font-size: 11px;
	color: #2E75B0;
}

div#contenu .planSite1 li {
	margin: 2px 0 2px 0px;
	background:none;
}

div#contenu .planSite2 {
	font-size: 10px;
}

div#contenu .planSite2 li {
	margin-left: 40px;
	background:none;
	padding:0;
}

div#contenu .planSite3 {
	font-size: 10px;
}

div#contenu .planSite3 li {
	margin-left: 60px;
}

/*------------------------------------------ Formulaires de contact ------------------------------------------*/

form.contact-form {
	width: 510px;
	padding: 20px 20px 20px 20px;
	margin: 0 10px 0 0;
	background: #F5F5F5;
}

html>body form.contact-form {
    width: 470px;
}

form.contact-form fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

form.contact-form label {
	float: left;
	margin: 0;
	padding: 3px 5px 0 0;
	width: 85px;
	text-align: right;
	line-height: 14px;
	cursor: pointer;
}

form.contact-form select, form.contact-form textarea {
	width: 300px;
	height: 150px;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
}

form.contact-form input {
	text-align: left;
	border: 1px solid #CCC;
	line-height: 14px;
	padding: 1px;
}

form.contact-form input.focus, form.contact-form textarea.focus {
	border: 1px solid #999;
}
		
form.contact-form input.normal, form.contact-form textarea.normal {
	border: 1px solid #CCC;
}
		
form.contact-form button {
	margin-left: 90px;
	font-size:11px;
	text-align: center;  
	padding:2px .25em 1px .25em;
	width:auto;
	overflow:visible;
}


.form_erreur {
	color : #9f2d20;
}

div#contenu div.application div.illustration a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='medias/_images_modeles/background/bg_transparent.png');
}


/*------------------------------------------- Galerie d'image ------------------------------------------------------*/

.galerie {
	width: 100%;
	margin: 12px 0 16px 0;
	clear: both;
}

.galerie p {
	margin: 0 0 6px 0;
	padding: 0;
}

.galerie img {	
	float: left;
	margin: 0 10px 10px 0;
	border: 5px solid #FFF;
}

.galerie a {
	background: url(medias/_images_modeles/puces/puce_fg.gif) no-repeat left center;
	padding-left: 14px;
}  

.galerie a:hover {
	text-decoration: underline;
}  

/*---------------------------------------------------- Styles IsManager -------------------------------------------------*/

.styleTitrePage {
	color:#666;
	font-size: 24px;
	font-weight: normal;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	padding-bottom:15px;
}

.styleTitreRubrique {
	color:#900;
	font-size:12px;
	padding-bottom:15px;
	font-weight: bold;
}


div#references h5 {
	background: #ebeaea url(medias/_images_modeles/background/block_h5.gif) repeat-x top left;
	font-size: 1.1em;
	color: #656565;
	border-top: 1px solid #e6e5e5;
	border-right: 1px solid #e6e5e5;
	border-left: 1px solid #e6e5e5;
	padding: 2px 4px;
	cursor:pointer;
}

div#references h5#dark {
	background: #ebeaea url(medias/_images_modeles/background/block_h5_2.gif) repeat-x top left;
}

.accordion {
	border-right: 1px double #e6e5e5;
	border-left: 1px double #e6e5e5;
	/*border-bottom: 1px double #e6e5e5;*/
	padding: 0 15px 0 15px;
	/*min-height: 100px;*/
}

.accordion ul {
	margin-bottom: 10px;
}

.accordion li {
	list-style-type: none;
	background: url(medias/_images_modeles/puces/tiret.gif) no-repeat 0 5px;
	padding-left: 10px;
	zoom: 1;
}

h6 {
	font-size: 12px;
	color: #006699;
	margin: 10px 0 5px 0;
}