#corpus  {color:#b4b2b2;}
#corpus_interne  {color:#454545;}
a {text-decoration:none;color:#00b1e9;}
a:hover{color:#ffffff;}
h1{font-size:2.2em;color:#00b1e9;margin:8px 0 8px 0;text-transform:uppercase}
h2{font-size:1.9em;color:#00b1e9;margin: 15px 0 2px 0;text-transform:uppercase}
h3{font-size:1.5em;margin:0 0 5px 0;color:#000000}
h4{font-size:1.2em;margin:0}
ul{margin:0; padding:0; list-style: none;}
p{margin:0;}
img{border:0;}
.clear{clear:both;visibility:hidden;}
hr{  visibility:hidden;}
hr.separateur {  clear: both;  margin:0px;  padding:0px;}
hr.separateur_left {  clear: left;  visibility:hidden;  margin:0px;  padding:0px;}
hr.separateur_right {  clear: right;  visibility:hidden;  margin:0px;  padding:0px;}
span.error{	color:red;}


/**************** login ************/
#kmt_login_afficher_LoginForm{
	height:80px;
}

#kmt_login_afficher_LoginForm input[type=text],#kmt_login_afficher_LoginForm input[type=password],#mot_passe_oubli input[type=text],#corpus .newsletterForm input[type=text],#corpus_interne .newsletterForm input[type=text] {
width:110px;
border:1px solid #77797a;
padding:2px 0 2px 5px;
background:#cdcfd0;
font-size:1em;
}
.newsletterForm input{
background:#cdcfd0;
}


#kmt_login_afficher_LoginForm button,#mot_passe_oubli button,.newsletterForm button{
width:39px;
height:24px;
border:0;
margin-left:8px;
}

#kmt_login_afficher_LoginForm a.helper_link,.newsletterForm a.helper_link{
font-size:0.9em;
}

#corpus #kmt_login_afficher_LoginForm  button,#corpus #mot_passe_oubli button ,#corpus_interne #kmt_login_afficher_LoginForm button,.newsletterForm button{
margin-top:-3px;
background:url(/icones/accueil/submit_fd_grey.png) no-repeat;
}


#mot_passe_oubli{
	background:#ddeaf1;
	color:#888888;
	padding:10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#mot_passe_oubli label{
	color:#ffffff;
}

#mot_passe_oubli h3{
margin-top:0;
color:#00b1e9
}

#mot_passe_oubli p{
	clear:both;
	margin:0 0 15px 0;
	width:380px;
}

.message_front{
	background:#ffffff;
	color:#ff0000;
	padding:8px;
	font-weight:bolder;
	box-shadow:0 0 5px 0px #000000;
	-moz-box-shadow:0 0 5px 0px #000000;
-webkit-box-shadow: 0 0 5px #000000;
border:2px solid #dedede;
margin:10px 0;
text-align:center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

/*****************/
span.content_admin_handler{
display:block;
margin:5px;
font-size:0.9em;
}
span.content_admin_handler img{
position:relative;
margin-bottom:-4px;
}
#btn_submit {
 	margin:5px;
	float:right;
}


/************************* tableau de donnï¿½es *******************/
table{
border-collapse:collapse;
}

table th,table td{
padding:2px;
}
th.tableheader {
font-weight:bolder;
background-color: #ffffff;
text-align: center;
color:#888888;
	border:1px solid #00b1e9;
} 
th.tableheader a{
color:#000000;
}
tr.tabledata_1{
background-color: #F0F0F0;
}
tr.tabledata_2 { 
background-color: #E2E2E2;
}
tr.tabledata_3{
background-color: #ffffff;
}
tr.tabledata_4{
background-color: #F2E7D7;
}
tr.tabledata_1_on{
background-color: #ffffff;
}
tr.tabledata_2_on { 
background-color: #ffffff;
}
tr.tabledata_1_memo{
background-color: #cacaca;
}
tr.tabledata_2_memo { 
background-color: #cacaca;
}
tr.tabledata_1 td,tr.tabledata_2 td,tr.tabledata_3 td,tr.tabledata_4 td{
	border:1px solid #00b1e9;
	color:#454545;
padding:2px;
}
/***************** formulaire ***************/
#corpus form,#corpus_interne form{
width:520px;
}
#corpus  input,#corpus  textarea,#corpus_interne  input,#corpus_interne  textarea{
border:1px solid #dedede;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size:1.1em;
}

#corpus  input:hover,#corpus  textarea:hover,#corpus_interne input:hover,#corpus_interne textarea:hover{
	background:#ffffff;
	color:#00b1e9;
}

#corpus  input[type=file],#corpus_interne input[type=file]{
	width:350px;
}

#corpus  input[type=submit],#corpus_interne input[type=submit],#corpus  input[type=button],#corpus_interne input[type=button]{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow:0 0 2px 0px #000000;
-moz-box-shadow:0 0 2px 0px #000000;
-webkit-box-shadow: 0 0 2px #000000;
background:#00b1e9;
color:#ffffff;
font-weight:bolder;
font-size:1.1em;
padding:0px 4px 2px 4px;
height:auto;
border:1px solid #dedede;
}
#corpus  input[type=submit]:hover,#corpus_interne input[type=submit]:hover,#corpus  input[type=button]:hover,#corpus_interne input[type=button]:hover{
background:#ffffff;
color:#00b1e9;
}

#corpus  input.required,#corpus_interne input.required{
background:#f0f0f0;
}

#corpus textarea ,#corpus_interne  textarea{
	width:350px;
	height:80px;
}
#corpus  form td .label,#corpus_interne form td .label{
text-align:right;
}

#corpus  form td .required, .obligatoire,#corpus_interne form td .required{
	font-weight:bolder;
}



.formtext40 {width:40px;}
.formtext50 {width:50px;}
.formtext60 {width:60px;}
.formtext70 {width:70px;}
.formtext100 {width:100px;}
.formtext120 {width:120px;}
.formtext140 {width:140px;}
.formtext150 {width:150px;}
.formtext170 {width:170px;}
.formtext200 {width:200px;}
.formtext220 {width:220px;}
.formtext250 {width:250px;}
.formtext270 {width:270px;}
.formtext300 {width:300px;}
.formtext350 {width:350px;}
.formtext400 {width:400px;}
.formtext450 {width:450px;}


.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(/icones/accueil/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(/icones/accueil/radio.gif) no-repeat;
}
.select {
	position: absolute;
	width: 90px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 16px;
	padding: 2px 24px 0 8px;
	background: #ffffff url(/icones/accueil/pointe_select.gif) no-repeat center right;
	overflow: hidden;
	border:1px solid #dedede;
	color:#000000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top:-2px;
}

/************ icones **********
.support{
	background:url(/icones/accueil/icons/support.png) no-repeat 0% 50%;
	padding-left:40px;
	height:34px;
}
.mon_compte{
	background:url(/icones/accueil/icons/mon_compte.png) no-repeat 0% 0%;
	padding-left:40px;
	height:32px;
}
.ftp{
	background:url(/icones/accueil/icons/ftp.png) no-repeat 0% 0%;
	padding-left:40px;
	height:34px;
}
********************/
.fil_ariane li{
	display:inline;
	font-size:0.9em;
	color:#454545;
}
.navigation_1_col .fil_ariane li a{
	color:#ffffff;
}
.interne_content_bas .fil_ariane{
position:absolute;
margin-top:-150px;
padding:10px 20px 10px 20px;
}
/********************** flash div *****************/
#flashMovieDiv_dreamer{
}
/******************** Tableau formulaire ***************************/
td.label{
white-space:nowrap;
text-align:right;
vertical-align:top;
}

 table.tabEntete{
border-collapse:separate;
width:100%;
}
 table.tabEntete td{
background:transparent !important;
}
 table.tabEntete td.label, table.tabEntete td.data{
white-space:nowrap;
text-align:right;
vertical-align:top;
}
 table.tabEntete td.data{
text-align:left;
}
 table.tabEntete td.light{
}
 table.tabEntete td.empty{
background:transparent;
}
/********** home page ******************/

.logo_home,.logo_interne{
	position:absolute;
	margin-top:8px;
}
.logo_home{
	margin-top:25px;
}

.actus_home{
	float:left;
	width:333px;
	padding:8px;
}

.actus_home h2{
	margin-top:0;
	font-size:1.6em;
}
.actus_home .date{
	display:none;
}
.actus_home ul{
}
.actus_home li{
background:url(/icones/accueil/puce_li_home.png) no-repeat 0px 6px;
padding:4px 0 0 15px;

}
.actus_home li a{
	color:#ffffff;
	font-size:1.15em;
}
.actus_home .more,.interne_col_gauche_extranet_accueil .more{
	display:block;
	font-size:0.9em;
	margin:15px 0 0 25px;
}


.box_home{
	float:left;
	width:176px;
	border-left:dotted 1px #b4b2b2;
	padding:8px 10px 8px 10px;	
}
.box_home h2,.box_home h3,.slider_realisation h2{
	margin-top:0;
	font-size:1.6em;
	color:#00b1e9;
	margin: 0px 0 2px 0;
	text-transform:uppercase
}
.box_home p{
font-size:0.9em;
}
.focus,.commerce,.cms{
	height:110px;
	
}

.intro{
	float:left;
	margin:15px 20px 0 0;
	width:334px;
	padding-right:15px;
	border-right:dotted 1px #b4b2b2;
	height:215px;
}

.intro h2{
	font-size:1.6em;
	color:#00b1e9;
	margin: 0px 0 8px 0;
	text-transform:none;
}

.intro h3{
	font-size:1.3em;
	color:#00b1e9;
	margin: 0px 0 2px 0;
	text-transform:none;
}
.slider_realisation{margin:15px 0 0 0px;}
.slider_realisation h2{margin-bottom:18px;}
#sliderReal { height: 1%; padding: 0 0 10px;position:relative   }
#sliderReal .viewport { float: left; width: 540px; height: 180px; overflow: hidden;position:relative ;margin-left:20px }

#sliderReal .overview { list-style: none; position: absolute; width: 180px; left: 0; top: 0; }
#sliderReal .overview li{ float: left; margin: 0 9px 0 9px;  border: 0; width: 162px;text-align:center;font-size:0.9em;}
#sliderReal .overview .container_img{float:left;height:110px;overflow:hidden;border:1px solid #000000;margin-bottom:9px;-moz-box-shadow:0 0 10px 0px #000000;-webkit-box-shadow: 0 0 10px #000000;}
#sliderReal .overview img{}
#sliderReal .overview li h4{font-size:1.2em;margin:0}


#sliderReal .buttons { margin: 50px 0px 0 -560px;position: absolute;z-index:50 }
#sliderReal .next { margin: 50px 0 0 0px; }
#sliderReal .disable { visibility: hidden; }

.slider_realisation .more{
	display:block;
	font-size:0.9em;
	margin:25px 0 0 0px;
}

/********** footer ***********/
.sociaux{
	float:left;
	margin:60px 10px 0 161px;
}

.newsletterForm{
	height:80px;
}

.btn_contact{
	position:absolute;
	margin-left:100px;
	margin-top:60px;
}

/************* header interne ************/

h1.titre_page{
	position:absolute;
	font-size:3.0em;
	margin-top:85px;
	margin-left:400px;
	width:352px;
	text-align:right;
	text-transform:none;
	color:#ffffff;


}

.slogan{
	position:absolute;
	font-size:2em;
	margin-top:70px;
	margin-left:110px;
	color:#000000;
	font-style:italic;
	line-height:1.1em;
	width:300px;
	text-align:right;
	}
/******** Plan de site  ********/
#Plan_4 a,#Plan_5 a,#Plan_7999 a,#Plan_6992 a,#Plan_28641 a{
text-decoration:none;
}

#Plan_4 ,#Plan_5 ,#Plan_7999,#Plan_6992,#Plan_28641{
margin:22px 0 20px 0;
}

#Plan_4 li,#Plan_5 li,#Plan_7999 li,#Plan_6992 li,#Plan_28641 li{
list-style:square inside;
margin:6px 0 0 20px;
}

#Plan_4  li ul,#Plan_5  li ul,#Plan_7999 li ul,#Plan_6992 li ul,#Plan_28641 li ul{
margin:2px 0 5px 20px;
}
#Plan_4  a.level_1,#Plan_5  a.level_1,#Plan_7999 a.level_1,#Plan_6992 a.level_1,#Plan_28641 a.level_1{
font-weight:bolder;
}

#Plan_4 li .level_2,#Plan_5 li .level_2,#Plan_4 li .level_3,#Plan_5 li .level_3,#Plan_7999 li .level_2,#Plan_7999 li .level_3,#Plan_6992 li .level_2,#Plan_6992 li .level_3,#Plan_28641 li .level_2,#Plan_28641 li .level_3{
list-style:circle inside;
margin:2px 0 2px 10px;
}

#tools{

margin: 10px 0 0 10px;
/*background:red;*/
}

.list_tools{

}
/*********** tooltip **/
.tooltip_real {
	display:none;
	background:transparent url(/icones/accueil/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.tooltip_ref {
	display:none;
	background:transparent url(/icones/accueil/black_arrow_small.png);
	font-size:12px;
	height:63px;
	width:129px;
	padding:15px;
	color:#fff;	
}
/************** tickets *********************/
.menu_tickets {
	margin:8px 0;
	height:25px;
}
.menu_tickets li{
	float:right;
	margin-left:8px;
}
.menu_tickets li a{
background:#ffffff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow:0 0 5px 0px #000000;
-moz-box-shadow:0 0 5px 0px #000000;
-webkit-box-shadow: 0 0 5px #000000;
padding:3px 8px;
font-weight:bolder;
color:#00b1e9;
}

.menu_tickets li a:hover{
	background:#dedede;
	color:#000000;
}
.interne_col_droite_extranet_accueil a{
	color:#ffffff;
}

.interne_col_droite_extranet_accueil table td{
	font-size:0.95em;
}

.interne_col_droite_extranet_accueil table td a{
	color:#00b1e9;
}

.interne_col_droite_extranet_accueil table td a:hover{
	color:#000000;
}

#corpus_interne .interne_col_droite_extranet_accueil .formRecherche,
#corpus_interne .interne_col_gauche_extranet_simple .formRecherche
{
box-shadow:0 0 5px 0px #000000;
-moz-box-shadow:0 0 5px 0px #000000;
-webkit-box-shadow: 0 0 5px #000000;
border:1px solid #ffffff;
padding:8px;
margin-top:25px;
width:auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#corpus_interne .interne_col_gauche_extranet_simple .formRecherche{
	margin-right:20px;
}

#corpus_interne .interne_col_droite_extranet_accueil .formRecherche table td,
#corpus_interne .interne_col_gauche_extranet_simple .formRecherche table td{
	padding:0 2px;
}
#corpus_interne .interne_col_gauche_extranet_simple .formRecherche table td{
	padding:3px;
}

#corpus_interne .interne_col_droite_extranet_accueil .formRecherche h4,
#corpus_interne .interne_col_gauche_extranet_simple .formRecherche h4
{
	font-size:1.5em;
	margin-bottom:5px;
}

#corpus_interne .interne_col_droite_extranet_accueil .bouton,
#corpus_interne .interne_col_gauche_extranet_simple .bouton{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow:0 0 2px 0px #000000;
-moz-box-shadow:0 0 2px 0px #000000;
-webkit-box-shadow: 0 0 2px #000000;
background:#00b1e9;
color:#ffffff;
font-weight:bolder;
font-size:1.1em;
padding:0px 4px 2px 4px;
height:auto;
border:1px solid #dedede;
}


#liste_commentaires{
	margin-top:20px;
}

#liste_commentaires li{
	padding-top:8px;
	margin-bottom:10px;
	font-size:0.95em;
}
#liste_commentaires li .commentInfo {
	padding:2px 5px;
	background:#ffffff;
	color:#454545;
	margin-bottom:5px;
}

#liste_commentaires h3{
	color:#ffffff;
}
/******** FAQ *****/
.faq{
margin-top:20px;
}
.faq  li {
margin-bottom:15px;
}


.faq  li  a{
	background:#c26395 url(/icones/accueil/white-arrow-down.gif) no-repeat center  right ;
	padding:3px;
	display:block;
	color:#ffffff ;
	font-weight:bolder;
	font-size:1.4em;
	
}
.faq  li ul li{
	background:#ffffff;
}
.faq  li ul li h3{
	color:#000000;
	margin:8px 0 4px 0;
	padding-bottom:4px;
	font-size:1.3em;
	font-weight:bolder;
	border-bottom:1px dotted #666666;
}

/************** Texte *********************/
.texte{
float:left;
width:385px;
padding:0px 20px 0px 0px;
color:#454545;
font-size:0.95em;
}

.interne_content_bas .texte{
background:#ddeaf1;
margin-top:-150px;
padding:40px 20px 20px 20px;
width:560px;
min-height:300px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow:0 0 10px 0px #000000;
-moz-box-shadow:0 0 10px 0px #000000;
-webkit-box-shadow: 0 0 10px #000000;
border:0 !important;
border:1px solid #dedede; /* IE7 */
}

.texte p{
margin:0px 0px 10px 0px;
clear:both;
}
.chapo{
font-weight:bolder;
margin:0px 0 10px 0px;
padding-top:0px;
}
span.date{
font-weight:normal;
color:#000000;
	font-size:0.8em;
	font-weight:normal;
}

.notation{
font-size:0.9em;
font-style:italic;
margin:8px 0 4px 0;
}
.texte h1{
font-size:2.2em;
text-transform:none;
margin:0 0 20px 0;
}

.interne_content_bas .texte a{
	display:block;
	float:left;
	background:#00b1e9 url(/icones/accueil/fleche-droite.png) no-repeat 99% 50%;
	padding:2px 25px 2px 5px ;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:0px 0px 2px  #000000;
	-moz-box-shadow:0px 0px 2px  #000000;
	-webkit-box-shadow: 0px 0px 2px #000000;
	border:1px solid #dedede;
	color:#ffffff;
	margin-bottom:10px;
}

.texte a:hover{
	color:#000000;
}
.texte h2{
}

.texte img{
}

h2.surtitre{
font-size:1.3em;
text-transform:none;
margin:0 0 5px 0;
color:#000000;
font-style:italic;
}
.texte h3{
color:#454545;
margin-top:20px;
font-size:1.4em;
}
.texte h4{
}
.texte .lien{
display:block;
margin:10px 0 20px 0;
font-style:italic;
text-align:right;
}

.texte ul{
list-style-image:url(/icones/accueil/pucemenu2.gif);
list-style-position:outside;
margin:8px 0 8px 40px;
}

.texte_droite{
float:left;
width:335px;
text-align:center;
}

.illus img{
	box-shadow:0 0 10px 0px #000000;
-moz-box-shadow:0 0 10px 0px #000000;
-webkit-box-shadow: 0 0 10px #000000;
border:1px solid #000000;
cursor:pointer;
}

.illusNum_1 img,.illusNum_2 img,.illusNum_3 img{
	float:left;
	width:88px;
	margin-left:16px;
	margin-top:10px;
	cursor:pointer;
}

img.raw{
	/* pour eviter le redimensionnment des image raw dans l'overlay pour les classes illusNum_x*/
	width:auto; 
	height:auto;
	margin:0;
}

.illus img.diaporama_button{
border:0;
}

div.kmt_illus_full .legend{
font-size:0.85em;
margin-left:20px;

}


.texte_droite .illus{
	margin-top:30px;
}
/*************** encadré *********/
div.encadre{
width:280px;
background:#cde5f4;
margin-top:20px;
margin-left:18px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	box-shadow:0 0 10px 0px #000000;
-moz-box-shadow:0 0 10px 0px #000000;
-webkit-box-shadow: 0 0 10px #000000;
padding: 10px 10px 20px 10px;
color:#454545;
text-align:left;
font-size:0.95em;
}

.interne_content_bas div.encadre{
background:#00b1e9;
color:#ffffff;
}
.interne_content_bas div.encadre a{
	color:#000000;
}
.interne_content_bas div.encadre a:hover{
	color:#ffffff;
}
.encadre h3,div.encadre h4{color:#000000;margin: 0;padding:0px 0px 0px 0px; text-align:left;font-size:1.7em;font-style:normal}
.encadre h5{color:#fffffff;margin:5px 0 0 0;padding:0px 0px 3px 20px; text-align:left;font-size:1.2em;background:url(/icones/accueil/puce_plus.png) no-repeat 0% 0%}
.encadre  p{padding: 13px 0px}
.encadre ul{
	padding:5px 10px 10px 0px;
	margin-left:30px;
	list-style:square;
list-style-position:outside}
.encadre ul li{
	margin-bottom:3px;
}


/****************** overlay ****************/

.apple_overlay,.mobile_overlay {
	position:absolute;
	left:300px !important;
	top:120px !important;
display:none;
background:#2f383d; 
padding:25px;
font-size:1.2em;
color:#888888;
min-height:200px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow:0 0 90px 5px #000;
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

.mobile_overlay{
	z-index:9999;
	top:500px;
	width:270px;
}
.mobile_overlay .contentWrap{
	background:#ffffff;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:8px;
}
.apple_overlay .close,.mobile_overlay .close {
background-image:url(/icones/common/close.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}

.apple_overlay img{
cursor:default;
}

.apple_overlay h3 {
color:#dedede;
margin:8px 0;
}

.form_overlay {
display:none;
background:#ffffff; 
padding:5px;
min-height:150px;
border:8px solid #00b1e9;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow:0 0 90px 5px #000;
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

.form_overlay .close {
background-image:url(/icones/common/close.png);
position:absolute; right:5px; top:5px;
cursor:pointer;
height:35px;
width:35px;
}

.form_overlay h4{
	font-size:1.4em;
	color:#454545;
}

/**************liste col droite **************/
.interne_col_droite_extranet_simple li,.interne_col_droite li{
	background:url(/icones/accueil/puce_plus.png) no-repeat 0 0%;
	padding-left:20px;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:dotted 1px #828282;

}
.interne_col_droite_extranet_simple li a,.interne_col_droite li a{
	/*font-weight:bolder;*/
}
.interne_col_droite_extranet_simple li a:hover,.interne_col_droite li a:hover{
	color:#ffffff;
}

.interne_col_droite_extranet_simple h3,.interne_col_droite h3{
	color:#ffffff;
}


.liste_texte_resume_image .item{
	clear:both;
	margin-top:10px;
}

.liste_texte_resume_image a.thumb{
	display:block;
	float:left;
	width:95px;

}
.liste_texte_resume_image .resume{
	float:left;
	width:500px;
}

.interne_col_gauche_extranet_simple .liste_texte_resume_image table{
	margin-right:40px;
	font-size:0.95em;
}
.interne_col_gauche_extranet_simple .liste_texte_resume_image img{
	margin-right:15px;
}
/*********** slider references*******************/


#slider_ref_padding,#slider_real_padding{
	padding:0 10px;
}
#slider_ref ul, #slider_ref li,#slider_real ul, #slider_real li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider_ref, #slider_ref li,#slider_real, #slider_real li{ 
	width:920px;
	height:230px;
	overflow:hidden; 
	}

#slider_ref li .ref_panel,#slider_real li .real_panel{
	width:920px;
	height:220px;
}

#slider_ref li .ref_panel p{
	float:left;
	width:95px;
	height:95px;
	background:#ffffff;
	margin:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:0 0 10px 0px #000000;
	-moz-box-shadow:0 0 10px 0px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	line-height:100px;
	text-align:center;
}

#slider_ref li .ref_panel p img{
	margin-top:10%;
}


#slider_real li .real_panel p{
	float:left;
	width:240px;
	height:205px;
	background:#ffffff;
	margin:10px 28px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:0 0 10px 0px #000000;
	-moz-box-shadow:0 0 10px 0px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
	text-align:center;
	padding:5px;
}

#slider_real li .real_panel p img{
;
}


span#prevBtn,span#nextBtn{
	float:left;
	margin:-125px 0px 0 -15px;
}
span#nextBtn{
	float:right;
	margin:-125px -15px 0 0px;
}

	
.intro-ref{
	width:730px;
	padding-bottom:20px;
	color:#b4b2b2;
}
.intro-ref h1{
	font-size:1.8em;
}
.intro-ref h3{
	color:#f0f0f0;
	margin:20px 0 3px 0;
	font-size:1.3em;
}
.intro-ref li{
	margin-left:30px;
	margin-bottom:3px;
	background:url(/icones/accueil/puce_li_home.png) no-repeat 0px 6px;
	padding:4px 0 0 25px;
}

/************* lien réalisation page references*******/
.lien_real{
	display:block;
	position:absolute;
	margin-left:760px;
	margin-top:-10px;
}
/**************** solution ************/

.logo_solution_magento{
	float:left;
	margin-left:110px;
	margin-top:50px
}

.logo_solution_kmt{
float:left;
margin-left:50px;
	margin-top:40px
}
/*************** twitter *************/
h2.twitter{
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #b4b2b2;
	background:url(/icones/accueil/twitter.png) no-repeat 0% 50%;
	padding-left:40px;
	height:40px;
	color:#ffffff;

}

.twitter_list li{
	background:url(/icones/accueil/arrow.png) no-repeat 0% 10%;
	padding-left:20px;
}
.twitter_list li .twitt{
color:#ffffff;
}
.twitter_list li .date{
	font-weight:bolder;
}

/************** extranet *************/
.interne_col_gauche_extranet_accueil{
	color:#b4b2b2;;
}

.interne_col_gauche_extranet_accueil h1,.interne_col_droite_extranet_accueil h1{
	color:#ffffff;
}
.interne_col_gauche_extranet_accueil li{
	margin-top:15px;
}
.interne_col_droite_extranet_accueil{
	color:#ffffff;
}

/*********** diaporama **************/
td.td_diaporama{
background:#ffffff;
text-align:center; 
vertical-align:middle;
}
td.td_diaporama_over{
}

/************** alerte *************/
#texte_float{
position:absolute;
z-index:100;
width:550px;
} 
#texte_float .header{
background:url(/icones/accueil/bg_alert_header.png) no-repeat;
height:50px;
cursor:move;
}
#texte_float .content{
background:url(/icones/accueil/bg_alert_content.png) repeat-y;
padding:8px 54px 8px 54px;
}
#texte_float .footer{
background:url(/icones/accueil/bg_alert_footer.png) no-repeat;
height:51px;
}
.alerte h1{
color:#ffffff;
margin-top:0;
}
/************ tickets *****************/

.total_tickets{
	float:right;
	margin:-3px 0 0 7px;
	background:#ffffff;
	color:#888888;
	width:130px;
	padding:4px;
	text-align:center;
border-radius:8px;	
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
box-shadow:0 0 4px #000;
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
font-size:0.9em;
}
.total_tickets .value{
	display:block;
	color:#ff017e;
	font-weight:bolder;
	font-size:2.5em;
	margin-bottom:5px;
	
}
#liste_tickets tr td,#liste_projets tr td{
	color:#ffffff;
}

#liste_tickets tr.tabledata_1,#liste_projets tr.tabledata_1{
background-color: #00aee7;
}
#liste_tickets tr.tabledata_2,#liste_projets tr.tabledata_2{ 
background-color: #00a0d4;
}

#liste_tickets tr.tabledata_1_on,#liste_projets tr.tabledata_1_on{
background-color: #68daff;
}
#liste_tickets tr.tabledata_2_on ,#liste_projets tr.tabledata_2_on{ 
background-color: #68daff;
}

#corpus_interne #liste_tickets a,#corpus_interne #liste_projets a{
	color:#2c353a;
}
#corpus_interne #liste_tickets a:hover,#corpus_interne #liste_projets a:hover{
	color:#005a77;
}

/*************** mediatheque *************/
.thumbnail{
	float:left;
	width:98px;
	padding:9px;
	margin:40px 10px 10px 10px;
	text-align:center;
	border:2px solid #dedede;
	font-size:0.9em;
	border-radius:5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#000000;
box-shadow:0 0 4px  #000;
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
}

.thumbnail:hover{
	background:#454545;
	color:#ffffff;
}
.thumbnail img{
	width:94px;
	margin:auto;
	border:1px solid #dedede;
	display:block;

}
.thumbnail img.img_video{
	width:94px;
}

.thumbnail .wait{
	padding:15px;
	background:#ffffff;
}
.biblio_choice_view{
	position:absolute;
	margin-top:0px;
	margin-left:627px;
}

.arbo{
margin:40px 0 20px 0;
}
#liste_medias{
margin-right:20px;
}

#liste_medias tr th{
	border:0;
}
#liste_medias tr td{
	color:#000000;
	border:0;
}

#liste_medias tr.tabledata_1{
background-color: #00aee7;
}
#liste_medias tr.tabledata_2 { 
background-color: #00a0d4;
}

#liste_medias tr.tabledata_1_on{
background-color: #68daff;
}
#liste_medias tr.tabledata_2_on { 
background-color: #68daff;
}

#corpus_interne #liste_medias a{
	color:#2c353a;
}
#corpus_interne #liste_medias a:hover{
	color:#005a77;
}
/****************** thumbnail pretty ************/
.thumbnail_pretty{
	float:left;
	width:98px;
	padding:9px;
	margin:20px 10px 10px 10px;
	text-align:center;
	border:2px solid #dedede;
	font-size:0.9em;
	border-radius:5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#000000;
box-shadow:0 0 4px  #000;
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
}

.thumbnail_pretty:hover{
	background:#454545;
	color:#ffffff;
}
.thumbnail_pretty img{
	margin:auto;
	border:1px solid #dedede;
	display:block;

}
.thumbnail_pretty img.img_video{
	width:94px;
}


.thumbnail_pretty_big{
	float:left;
	width:190px;
	padding:10px;
	margin:20px 10px 10px 10px;
	text-align:center;
	border:2px solid #dedede;
	font-size:0.9em;
	border-radius:5px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#000000;
box-shadow:0 0 4px  #000;
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow: 0 0 4px #000;
color:#ffffff;
font-size:1.2em;
font-weight:bolder;
}

.thumbnail_pretty_big:hover{
	background:#454545;
	color:#ff4578;
}
.thumbnail_pretty_big img{
	margin:auto;
	border:1px solid #dedede;
	display:block;

}
.thumbnail_pretty_big span{
	display:block;
	font-size:0.8em;
	font-weight:normal;
	color:#dedede;
	margin-top:5px;
}
/*************** Moteur de recherch *********************/
div.search_hr_result_break{
border-top:1px dotted #888888;
margin:5px 0 5px 0;
}
span.search_result{
font-weight:bolder;
}
span.search_result_info_bar{
font-size:0.9em;
font-style:italic;
}
div.resultat_searchForm{
margin:10px 0 10px 0;
}
/********** Formulaire **************/
#form_code{
margin:10px 0 10px 70px;
}
#form_code p{
margin:10px 0 10px 0px;
font-weight:bolder;
}
#form_code form textarea{
width:300px;
height:100px;
}

/************** alerte ou teaser flottant*************/
#html_float{
position:absolute;
z-index:100;
/*width:550px;*/

} 

#html_float .header{
/*background:#ffffff ; /*url(/icones/accueil/bg_alert_header.png) no-repeat;*/
height:15px;
cursor:move;
}
#html .content{
/*background:#ffffff ; /*url(/icones/accueil/bg_alert_content.png) repeat-y;*/
padding:8px;
}
#html_float .footer{
/*background:url(/icones/accueil/bg_alert_footer.png) no-repeat;
height:51px;*/
}

.alerte h1{
color:#ffffff;
margin-top:0;
}

