/**/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
@media (max-width: 480px) {
	
    * {
        box-sizing: border-box;
    }
    
    /* passer body (et tous les éléments de largeur fixe) en largeur automatique */

    body {
        width: auto;
        margin: 0;
        padding: 0;
    }
    
    /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

    img,
    table,
    td,
    blockquote,
    code,
    pre,
    textarea,
    input,
    iframe,
    object,
    embed,
    video {
        max-width: 100%;
    }
    
    /* conserver le ratio des images */

    img {
        height: auto;
    }
    
    /* gestion des mots longs */

    textarea,
    table,
    td,
    th,
    code,
    pre,
    samp {
        -webkit-hyphens: auto; /* césure propre */
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    code,
    pre,
    samp {
        white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
    }
    
    /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */

    .element1,
    .element2 {
        float: none;
        width: auto;
    }
    
    /* masquer les éléments superflus */

    .hide_mobile {
        display: none !important;
    }
    
    /* Un message personnalisé */

    body:before {
        content: "Version mobile du site";
        display: block;
        text-align: center;
        font-style: italic;
        color: #777;
    }
    
    #bloc_page {
		width:320px;
		margin:4px auto;
		padding: 3px;
	}
	.head_logo{
		padding: 2px 1px 2px;
	}
	#head_titre{
		/*float: right;*/
	    margin-top: 1px;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 10px;
	    font-weight: bold;
	}
	.evt_titre{
		text-align: center;
	    margin: 0;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 20px;
	}
	.evt_date{
		text-align: center;
	    margin: 4px 0;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 20px;
	    border-bottom: 2px solid;
	    padding-bottom: 3px;
	    border-top: 2px solid;
	    padding-top: 3px;
	    color: #E9041E;
	}
	.evt_agc{
		text-align: center;
	    margin: 4px 0;
	    font-family: 'Source Sans Pro', sans-serif;
	    font-size: 10px;
	}
	
	#nom{width: 251px;}
	#prenom{width: 240px;}
	#accomp1{width: 177px;}
	#accomp2{width: 177px;}
	#mobile{width: 100px;}
	
	h3 {font-size:1.0em;font-weight:bold;color:#87898A;margin-bottom: 10px;text-align:left;}
	
	 #myform {margin-top: 20px;}
	 
	 input[type="radio"]{display:block;}

	
}

html,body,h2,h3,h4,h5,div,p,ul,li,input,select,textarea,table,td{font-family:'Source Sans Pro', sans-serif;color:#000000;font-size:1em;}


#bloc_page {
	width:600px;
	margin:4px auto;
	padding: 30px;
    border: 1px solid red;
}
.head_logo{
	padding: 20px 1px 2px;
}
#head_titre{
	float: right;
    margin-top: 7px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: bold;
}
.evt_titre{
	text-align: center;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 30px;
    border: 1px solid lightgrey;
}
.evt_date{
	text-align: center;
    margin: 7px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    border-bottom: 2px solid;
    padding-bottom: 6px;
    border-top: 2px solid;
    padding-top: 6px;
    color: #E9041E;
}
.evt_agc{
	text-align: center;
    margin: 7px 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
}
.evt_complet{
	font-weight: bold;
    font-size: 1.1em;
    margin: 20px 0 0;
    text-align: left;
    padding: 0;
}
input[type=text] {
  border-top: none;
  border-left: none;
  border-right: none;
  border-color: grey;
  margin-bottom: 10px;
}
#nom{width: 502px;}
#prenom{width: 480px;}
#nomsoc{width: 317px;}
#accomp1{width: 354px;}
#accomp2{width: 354px;}
#mobile{width: 160px;}
.corps{
	padding: 20px;
}
h1 {font-size:1.6em;font-weight:bold;color:#db3c3c;margin: 0 0 10px;text-align:center;}
h2 {font-size:1.5em;font-weight:bold;color:#db3c3c;margin: 0 0 10px;text-align:center;}
h3 {font-size:1.3em;font-weight:bold;color:#87898A;margin-bottom: 20px;text-align:left;}
h4 {font-size:1.0em;font-weight:bold;color:#db3c3c;margin: 0 0 40px;text-align:center;}
h5 {font-size:1.1em;font-weight:normal;color:#E9041E;margin: 20px 0 5px 30px;text-align:left;}
h6 {font-size:1.5em;font-weight:normal;color:#E9041E;margin: 0;text-align:left;padding: 0;}
h7 {display: block;
    font-size: 0.9em;
    margin: 10px 0 0;
    color: #3F51B5;}
    
.h3_center{text-align:center;}
.h3_left{text-align:left;}
#myform {margin-top: 40px;}
/* .corps label{padding-right:10px;} */

.assist{
	padding:22px 0;
	text-align: left;
	font-size: 1.1em;
}
#RBnon{margin-left: 50px;}
.ul_assist{
	margin-left:50px;
}
.ul_assist li {
	margin-bottom:10px;
	list-style-position: inside;
}
.assist input[type="radio"]{
	vertical-align: middle;
}
.MRMME{width:70px;display: inline-block;}

.div_acc{margin: 5px 0;}
.label_acc {
    min-width: 130px;
    text-align: right;
    display: inline-block;
    vertical-align: sub;
}
.label_nom {
    vertical-align: sub;
}
.accomp{
	width: 300px;
    padding: 2px 5px;
}
.div_com{margin-top: 5px;}
.label_com {
    text-align: left;
}
.comm{
	width: 183px;
    padding: 2px 5px;
}
input.btnsubmit[type=submit] {
	padding:4px 15px; 
	background:#E9041E;
	border:0 none;
	cursor:pointer;
	color:white;
	font-size:1.2em;
}
input.btnsubmit[type=submit]:focus {
	border:none;
}
input.btnsubmit[type=submit]:hover {color:#db3c3c;background-color:#dee0e2;font-weight:bold;border:none;}

#newinv, #invite{
	border: 1px #db3c3c solid;
	padding: 2px 10px;
	font-weight:bold;
	width: 404px;
}
.stand, .conf {
	margin-left: 60px;
	list-style-type:none;
}
.atel {
	margin-left: 0;
	list-style-type: circle;
}
.atel label{
	margin-right: 20px;
}
.stand input, .conf, .atel input{
	margin-right: 10px;
	vertical-align: middle;
}
.stand li, .conf li{
	margin-bottom:8px;
	font-size: 0.9em;
}
.atel li{
	margin-bottom: 20px;
}
td {
	height:	20px;
	color: #000000;
	text-align:left;
	padding:2px 10px;
	font-weight: normal;
}
p.obligatoire strong {color:#F70042;padding-left:4px;}
th {
	height:	20px;
	font-size: 1.2em;
	color: #000000;
	text-align:left;
	padding:3px 10px;
	font-weight: bold;
}

input[placeholder] {
	font-style: normal;
}

:-ms-input-placeholder {color: black;}

a img {
 border:none;
}

/* td > a > img {
 position:relative;
 top:3px;
} */
.img_baisse {
	position: relative;
	top: 3px;
	margin: 0 0 0 5px;
}
/*a {
 text-decoration:none;
 color:inherit;
}*/
a.ariane {color: #8C8B8B;}
a.ariane:hover {color: inherit;}


header
{
	background-color: #f8f8f8;
	/*
border: 2px solid green;
*/
}

header h1 {
	padding: 5px;
}
header img#logo123 {
	display:inline-block;
	float: right;
	height:40px
}
header h2 {
	font-weight: normal;
	text-align: right;
	font-size : 1.2em;
	margin-top:10px;
}
header h2 a {
	padding: 5px 9px 5px 0;
}

header h2 span {
	margin-right: 15px;
	position:relative;
	top: -4px;
}


header section {
	/*
border:1px solid blue;
*/
	height: 50px;
}
header section nav
{
    display: inline-block;
	float:	left;
	margin-left:5px;
}

/*
header section nav ul
{
    list-style-type: none;
	position:relative;	
}
*/
/* keep the 'next' level invisible by placing it off screen. */
header section nav ul ul
{
	position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

header section nav > ul > li
{
    margin-right: 15px;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

header section nav a
{
    font-size: 1.3em;
    font-weight: normal;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
	display: block;
}
header section nav li:hover
{
	position:relative; z-index:200;
}

header section nav li:hover ul.sub
{left:0; top:50px; background: #fff; padding:3px; border:1px solid lightgrey; white-space:nowrap; width:auto; height:auto; z-index:300;}
header section nav li:hover ul.sub li
{display:block; height:20px; position:relative; width:auto; font-weight:bold;}
header section nav  li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:auto; line-height:20px; text-indent:5px; color:inherit; text-decoration:none;font-weight:normal;}
header section nav li:hover ul.sub li a:hover 
{background:rgb(198, 202, 204); color:#fff;}

div#section_droite {
	display: inline-block;
	float:right;
	padding:0 5px;
}
div#aide, div#contact ,div#sous_menu{
	text-align:center;
	float:left;
	margin-left:2em;
	padding:2px;
}
div#aide, div#contact{
	margin-top: 10px;
}
div#aide span, div#contact span {
	display:block;
	text-align:center;
	text-decoration:none;
	color:#000000;
	font-size: 1.2em;
}
div#aide a, div#contact a , div#sous_menu a {
	text-align:center;
	text-decoration:none;
}

div#roles, div#options {
	display:inline-block;
	padding:4px 10px;
	background-color:#5F5B5B;
}
div#activDEC {
	padding:4px 10px;
	background-color:#F6A71E;
	margin-top:3px;
}
div#activDEC0 {
	padding:4px 10px;
	background-color:#F6A71E;
	margin-top:3px;
	position:relative;
	top:12px;
}
div#roles a, div#options a, div#activDEC a, div#activDEC0 a{
	color:#ffffff;
}
div#activDEC a:hover, div#activDEC0 a:hover
{
    color: black;
	text-decoration:none;
}
div#roles a:hover,div#options a:hover
{
    color: #F6A71E;
	text-decoration:none;
}
div#aide a:hover span, div#contact a:hover span
{
    color: #F6A71E;
}
section#main
{
	margin-top:5px;
	height: 440px;
	position:relative;
}
section#menu
{
	width: 70%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	overflow:auto;
	/*
border: 1px solid grey;
*/
}


section#menu div.menubox
{
	width:49%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	height: 45%;
}
/*section#menu div.menubox li:hover
{
   background-color:#F6A71E;
}
section#menu div.menubox li:hover a
{
   color:#fff;
}*/
section#menu img.icobox
{
	width:100px;
	display: inline-block;
	vertical-align: top;
	margin: 20px 10px 0 20px;
}

section#menu div.titrebox
{
	width:60%;
	display: inline-block;
	margin-top: 40px;
	font-size: 1.4em;
	font-weight: bold;
	color:grey;
	text-transform: uppercase;
	position: relative;
	/*box-shadow: 1px 2px 5px 1px rgba(0,0,0,1);*/
}

/*body.ie8 section#menu p.titrebox
{
	width:68%;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
   filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=rgba(0,0,0,0.4));
}*/

section#menu div li
{
	margin-top: 3px;
}

section#menu div li a
{
    text-transform: none;
    font-weight: normal;
    font-size: 1.1em;
}

section#menu div.menubox:hover ul {left:0; top:0; position:relative;margin-top: 9px; margin-left: 14px;}

section#menu ul.carre_vie_age {position:absolute; left:-9999px; top:-9999px;list-style: url("../images/png/carre_vie_age.png") outside; }
section#menu ul.carre_man_loc {position:absolute; left:-9999px; top:-9999px;list-style: url("../images/png/carre_man_loc.png") outside; }
section#menu ul.carre_par {position:absolute; left:-9999px; top:-9999px;list-style: url("../images/png/carre_par.png") outside; }
section#menu ul.carre_chg_int {position:absolute; left:-9999px; top:-9999px;list-style: url("../images/png/carre_chg_int.png") outside; }


section#tools
{
/*
border: 1px solid grey;
*/
	width: 289px;
	height: 100%;
	margin-left:8px;
	display: inline-block;
	vertical-align: top;
}
section#toolsb
{
	width: 289px;
	height: 440px;
	vertical-align: top;
	position: fixed;
	top: 20%;
	padding: 10px 10px 10px 3px;
	z-index: 999995;
	cursor: pointer;
	background-color: white;
}
section#toolsb.tools_right
{
	right: -300px;
	transition: right 1.5s;
	-moz-transition: right 1.5s;
	-webkit-transition: right 1.5s;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}
div.fleche_droite {
	width: 0; 
	height: 0; 
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-right: 20px solid #F70042;
	position: absolute;
	left:-20px;
	top: 40%;
}
/*div.fleche_droite:hover {
	border-right: 20px solid rgb(172, 166, 166);
	z-index: 50;
}*/

#toolsb:hover div.fleche_droite{border-right: 20px solid lightgray;}

section#search
{

	height: 40%;
	margin-left:8px;
	margin-top:10px;	
	
}
section#search > div
{
	border: 2px solid lightgrey;
	border-top:none;
	padding-top: 20px;
	height: 120px;
}


section#search h2
{
	background-color:#000000;
	color:#ffffff;
	font-size: 1.4em;
	padding:3px 10px;
}

input.search {
  padding: 4px;
/*
  border: solid 1px #fff;
*/
  width:88%;
  margin-left:10px;
}

section#news
{
	height: 48%;
	margin-left:8px;
	margin-top:30px;
	border: 2px solid lightgrey;
}

section#news h2
{
	color:#F70042;
	font-size: 1.6em;
	padding:3px 10px;
	margin-bottom:5px;
}
section#news h3
{
	font-weight:normal;
	font-size: 1.2em;
	padding:4px;
	margin-bottom:4px;
	text-align:left;
	line-height: 120%;
}
section#news h3 strong
{
	color:#F70042;
	font-weight:bold;
}
section#news a
{
	display: block;
	text-align:center;
	font-size: 1.1em;
	margin-top:2px;
}
section#news img {
 border:1px solid grey;
 max-width:130px;
 max-height:90px;
 width:auto;
 height:auto;
}
footer
{
	background-color: #f8f8f8;
	height: 56px;
	text-align: right;
	padding: 2px;
}
section.foot
{
	display:inline-block;
	float:left;
	text-align:left;
	padding:5px;
	font-size: 1.2em;
	width:25%;
	height:90%;
}
section.foot img
{
	position: relative;
	top: 3px;
	margin-right: 3px;
}

#imgsau
{
	position:absolute; left:-9999px; top:-9999px; 
	padding:3px;
	background-color: rgb(245, 243, 242);
	width:380px; 
}
#imgsau p
{
	padding:1px 10px;
}
#sau
{
	position:relative;
}
#sau:hover #imgsau
{
	position:absolute;
	top:-154px;left:22px;
	z-index:300;
}
#sau:hover span
{
	color : #F6A71E;
}
#liens ul
{
	display:none;
	list-style-type:none;
}
#liens:hover ul
{
	display:block;
	position:relative;
	top:2px;
}
#liens:hover span
{
	color : #F6A71E;
}
#liens li
{
	margin-right:5px;
	float:left;
}
#liens a img	
{
	width:30px;
	height:30px;
}
#cata:hover span
{
	color : #F6A71E;
}


#sous-header
{
	/*position:absolute;	
	width:1003px;*/
	position: relative;
	width: 100%;
	float: left;
	
}

/* Trait vertical à  gauche */

.vertical
{
	width:30px;
	height:470px;
	margin: 25px 0 26px 3px;
	display: inline-block;
}
.vertical img
{
	margin: 0 5px;
}
.carre_haut
{
	height:30px;	
}
.carre_haut strong {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: white;
	position: relative;
	left: 8px;
	top: 2px;
}
.trait_vertical
{
	margin-left:13.5px;
	height:91%;
	width:3px;
	position: relative;	
	top:-3px;
}
div.carre_bas
{
	height:15px;
	width: 15px;	
	margin-left:7.5px;
	position: relative;
	top: -3px;
}
div.carre_liste
{
	height:11px;
	width: 11px;
	margin-left:20px;
	display:inline-block;
	margin-right: 25px;
	top:-3px;
}
section.liste_puce
{	
	height:490px;
	margin-top: 25px;
	margin-left:24px;
	display: inline-block;
	vertical-align: top;
	max-width:942px;
}
section.liste_puce h1
{
	margin-top: 8px;
	color: #8C8B8B;
	font-size: 1.2em;
	font-weight:bold;
	max-width:900px;
}
section.liste_puce h1 strong
{
	color: rgb(247,150,73);	
}
section.liste_puce h1 a
{
	text-decoration:none;
	color:#5F5B5B;
}
section.liste_puce a:hover
{
	color:rgb(247,150,73);
}
section.liste_puce ul
{
	list-style-type:none;
	position:relative;
}
section.liste_puce > ul
{
	margin-top:20px;
	display: inline-block;
	width: 400px;
	vertical-align: top;
}
section.liste_puce li
{
	text-transform:uppercase;
	display:block;
}
section.liste_puce > ul > li
{
	line-height:37px;
	/* margin-top:10px; */
	font-size:1.3em;
	font-weight:bold;
	color: #5B5C5C;
}
section.liste_puce > ul > li li
{
	line-height:20px;
	font-weight:normal;
}
section.liste_puce li a
{
	top:-2px;
	position: relative;
	text-decoration:none;
	color:#8C8B8B;
	font-size:1.2em;
	font-weight: bold;	
}
section.liste_puce li td a
{
	font-weight: normal;
	position: initial;
	color: inherit;
	font-size: inherit;	
}
section.liste_puce li li:hover a
{
	color:rgb(247,150,73);
}
.bouton{
	width: auto;
	padding: 2px 10px;
	background: #87898A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	position:relative;
	text-align:center;
	/* behavior: url(pie_files/PIE.htc); */
}
div.bouton2{
	width: 120px;
        padding: 2px 0;
        background: #87898A;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		display: inline-block;
		position:relative;
		text-align:center;
		/*behavior: url(pie_files/PIE.htc);*/
}
div.bouton2b{
	width: 120px;
        padding: 2px 0;
        background: #87898A;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		text-align:center;
		position:relative;
		/* behavior: url(pie_files/PIE.htc); */
}
div.bouton2r{
	width: 120px;
        padding: 2px 0;
        background: #F70042;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		display: block;
		top: 3px;
		text-align:center;
		position:relative;
		color:#fff;
		/*behavior: url(pie_files/PIE.htc);*/
}
div.bouton3r{
	width: 120px;
        padding: 2px 0;
        background: #F70042;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		display: inline-block;
		font-size: 1.2em;
		font-weight: bold;
		text-align:center;
		margin-left: 20px;
		color:#fff;
		/*behavior: url(pie_files/PIE.htc);*/
}
div.bouton2br{
	width: 120px;
        padding: 2px 0;
        background: #F70042;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
		text-align:center;
		margin-top: 2px;
		display: block;
		position:relative;
		/* behavior: url(pie_files/PIE.htc); */
}
div.bouton p, div.bouton2 p, div.bouton2r p , div.bouton2b p, div.bouton2br p{
	color:#fff;
}
div.bouton:hover p, div.bouton2:hover p, div.bouton2b:hover p {
	color:rgb(247,150,71);
}
div.bouton2r:hover p,div.bouton2br:hover p ,div.bouton3r:hover {
	color:#000;
}
input.btncharger
{
	display: inline-block;
	padding: 2px 10px;
	background: #87898A;
	border: 0 none;
	width: 120px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: white;
	margin: 10px 0 0 330px;
	/* behavior: url(pie_files/PIE.htc); */
} 


input.btnsubmitb[type=submit] 
{padding:4px 15px; background:#F70042; border:0 none;width: 120px;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px; color:white;top: -3px;position:relative;
/* behavior: url(pie_files/PIE.htc); */}

input.btncharger:hover {color:rgb(247,150,71);}
input.btnsubmitb[type=submit]:hover {color:black;}

.imgsubmit{
position: relative;
top: 2px;
left: 5px;
}

section#catalogue
{
	display:inline-block;
	width:966px;
	height:500px;
	/*border: 1px solid blue;*/
	margin-top:25px;
	vertical-align:top;
}
section#catalogue h1
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin-bottom:20px;
}
section#catalogue ul
{
	list-style-type:none;
	position:relative;
	height:60px;
}
section#catalogue li
{
	text-transform:uppercase;
	display:block;
	float:left;
	background-color: grey;
	color:white;
	word-wrap: normal;
	margin-right:10px;
}

.collbox
{
	width:130px;
	height:30px;
	background-color: #C6CACC;
	padding:10px;
	text-align:center;
}
.collbox a
{
	color:white;
	text-decoration:none;
	font-size:1em;
	font-weight: bold;
}



#btn_siginc
{
	float:right;
	width: 130px;
}
#btn_cresup
{
	padding: 3px 10px;
	width: 130px;
}
#btn_sigcor
{
	width: 130px;
	display:inline-block;
	margin: 0 8px;
}
#btn_crenews
{
	margin: 20px 8px 10px 0;
	padding: 4px 10px;
	width: 130px;
}
#btn_creFAQ
{
	margin: 0 8px 8px 0;
	padding: 4px 10px;
	width: 130px;
}
#btn_creNode
{
	margin: 0 5px 5px 5px;
	padding: 5px 20px;
	width: 130px;
}
/* Tableau catalogue */
#table_header{width:700px;}
#table_header div{padding:8px 6px;float:left;border-right:2px solid white;font-size: 1.2em;font-weight: bold;color: white;}

#catalogue_supports{border:1px solid white;float:left;width:100%}
#table-scroll{height:315px;overflow-y:auto;width:700px;}
#t_supp{border-collapse:collapse; width:100%;}
#t_supp td{padding:2px 6px; /* pixels */
    border-right:2px solid white; /* to avoid the hacks for the padding */
    border-bottom:2px solid white;} 
#th_format{width:220px;}
#th_support{width:350px;}
#th_kit{float:none;border-right-width:0;width:88px;}
.td_format{width:220px;}
.td_support{width:350px;}
.td_kit{float:none;border-right-width:0;}
.secret{display:none;}

.fleche_catalogue {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid grey;
	float: right;
	position: relative;
}
div.fleche_catalogue:hover {
	border-left: 10px solid rgb(172, 166, 166);
	background: none; 
       z-index: 50;
}

.td_format img{margin:0 4px;}

/*div.fleche_catalogue div {
	display: none;
}
div.fleche_catalogue:hover div {
	display: block; 
    position: absolute;
    top: 12px; 
    left: 10px;
    width:350px;
    height: 350px;
    background-color: yellow;
}*/


/* catalogue détail */
#catalogue_detail
{
	position: absolute;
	top:161px;
	left:635px;
	width:340px;
	min-height:260px;
	background-color: lightgrey;
	border: 1px solid black;
}
.cata_actif
{
	display:block;
}
.cata_passif
{
	display:none;
}
div.detail_titre
{
	color: #F70042;
	display: inline-block;;
	width:180px;
	font-size: 1.2em;
	margin-top: 5px;
	margin-left: 5px;
	font-weight:bold;
}
div.detail_desc
{
	display: inline-block;
	width:180px;
	margin-top: 20px;
	margin-left:5px;
}
div.detail_img
{
	/*border: 1px solid blue;*/
	position: absolute;
	top: 20px;
	left: 185px;
	width: 151px;
	height: 185px;
}
#catalogue_detail img
{
	/*position:absolute;*/
	width:auto;
	height:185px;
	/*top: 20px;
	left:190px;*/
	margin: auto;
	display: block;
}
#catalogue_detail img.img_2
{
	height:50%;
	margin-bottom: 3px;
}
#catalogue_detail img.img_wide
{
	width:145px;
	height:auto;
}
#catalogue_detail img.img_wide2
{
	width:145px;
	height:50%;
}
#catalogue_detail a#detail_devis
{
	position:absolute;
	width:120px;
	top: 214px;
	left:202px;
}
#catalogue_detail a#detail_cde
{
	position:absolute;
	width:120px;
	top: 235px;
	left:202px;
}
p.detail_ferm 
{
	position:absolute;
	color: white;
	font-size:1.5em;
	font-weight: bold;
	background-color: black;
	top: 0px;
	left:322px;
	width:18px;
	text-align:center;
}
p.detail_ferm:hover
{
	color: #F6A71E;
}
/* foot du catalogue */
#catalogue_foot{
	/*position: absolute;
	top: 475px;*/
}
#catalogue_foot p 
{
	font-size: 1.1em;
	font-style: italic;
}
#catalogue_foot ol 
{
	display: inline-block;
	float:left;
	margin-top: 2px;
}
#catalogue_foot li.li_foot {
    list-style-type: none;
    margin-right: 5px;
    background: grey;
    color : white;
    font-size : 1.2em;
    padding:3px 6px;
    float:left;
}
#catalogue_foot li.li_footred {
    list-style-type: none;
    margin-right: 5px;
    background: #F70042;
    color : white;
    font-size : 1.2em;
    padding:3px 6px;
    float:left;
}
#catalogue_foot span {
    font-size : 1.2em;
    float:left;
    display:inline-block;
    position: relative;
    top: 4px;
}
#catalogue_foot span strong {
    color: #F70042;
    font-weight: normal;
}


/* estim_budget */
section#devis
{
	display:inline-block;
	width:966px;
	height:500px;
	/*border: 1px solid blue;*/
	margin-top:25px;
	vertical-align:top;
}
section#devis h1
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin-bottom:10px;
}
/* cible_actionco */
section#cible
{
	display:inline-block;
	width:966px;
	height:500px;
	vertical-align:top;
	margin-bottom:20px;
}
section#cible h1
{
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	margin-bottom:20px;
}
section#cible li
{
	text-transform:uppercase;
	display:block;
	background-color: grey;
	color:white;
	word-wrap: normal;
	margin-right:10px;
}
p.numero{
	text-align: right;
	margin: 10px 0 5px 0;
}
.numero span{
	margin-left: 10px;
	border: 1px solid black;
	padding: 0 6px 0 20px;
}
.titre_chiffre{
	margin-right: 5px;
	background: #F6A71E;
	color: white;
	font-size: 1.2em;
	padding: 3px 6px;
}
.titre_label{
	color: #F6A71E;
	font-size: 1.2em;
	font-weight:bold;
	padding: 3px 6px;
	text-transform: uppercase;
}
section#cible th{
	font-size: 1em;
	padding: 0 0 0 10px;
	height:16px;
}

.temoin{background-color:rgb(253,234,219);}
.readonly{
	line-height: 18px;
	background-color: white;
	margin: 4px 0;
	padding: 0 3px;
}
section#cible input[type="text"]{
	display: block;
	line-height: 15px;
	margin: 3px 0;
	padding: 0 3px;
}

section#cible input[type="text"].cpville{
	display: inline-block;
	margin: 1px 2px 1px 0;
}
/* positionnement */
.put_right{float:right;}

/* search */
#result {
	width: 230px;
	overflow: auto;
	max-height: 130px;
	background-color: rgb(248, 248, 248);
	float: right;
	border:2px solid lightgrey;
	padding-left:22px;
	margin-right:11px;
}
#result img {
	width: 12px;
	height: auto;
	margin:0 5px 0 -20px;
	position: relative;
	top: 2px;
}
#result a > img {
	margin:0 5px ;
}
#tab_dev td{
	padding:0 10px;
}

/* bouton PARCOURIR */
.container-file {
	position: relative;
	margin:	2px 0;
}
.input-file-trigger {
  display: inline-block;
  background: #87898A;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align:center;
  padding: 2px 15px;
  color: #fff;
  font-size: 1em;
  /*behavior: url(pie_files/PIE.htc);*/
}
.input-file {
  display: inline-block;
  position: absolute;
  top: 0; left: 0;
  width:50px;
  height:19px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
 
 /* quelques styles d'interactions */
/*
.input-file:focus + .input-file-trigger,
.input-file-trigger:focus {
  background: blue;
  color:yellow;
} */
.input-file:hover + .input-file-trigger,
.input-file-trigger:hover {
  color:rgb(247,150,71);
}
 
/* styles du retour visuel */
.file-return {
	display:inline-block;
	width:250px;
  	margin: 0;
  	font-size: 1em;
  	font-weight: normal;
}

section.bo
{	
	height: 20px;
	margin: 10px 0 10px 5px;
	display: block;
}
section.bo h1
{
	margin-top: 8px;
	color: #8C8B8B;
	font-size: 1.2em;
	font-weight:bold;
	max-width:900px;
}
section.bo h1 strong
{
	color: rgb(247,150,73);	
}
section.bo h1 a
{
	text-decoration:none;
	color:#5F5B5B;
}
section.bo a:hover
{
	color:rgb(247,150,73);
}
.mention_lib{font-size:11px;font-weight:bold}
.mention_fr{font-size:10px}
.mention_uk{font-size:10px;color:blue}

/* fleches tableau */
.arrows{position:relative;margin-left:2px;float:left;}
.arrow_bas{position:relative;margin-left:2px;float:left;}
.arrow_haut{position:relative;margin-left:2px;float:left;}

/* les couleurs */
.orange{background-color: rgb(247,150,73);}
.rouge{background-color: #F70042;}
.expired{color: #F70042;}
.gris{background-color: grey;}

.chg_int{background-color: #D5007F;}
div.chg_int:hover a{color: #fff}
.chg_int1{background-color: #FBE6F2;}
.chg_int2{background-color: #F2B2D9;}
.vie_age{background-color: #54C0D3;}
div.vie_age:hover a{color: #fff}
.vie_age1{background-color: #EEF9FB;}
.vie_age2{background-color: #CCECF2;}
.par{background-color: #A2C617;}
div.par:hover a{color: #fff}
.par1{background-color: #F6F9E8;}
.par2{background-color: #E3EEB9;}
.man_loc{background-color: #80388D;}
div.man_loc:hover a{color: #fff}
.man_loc1{background-color: #F2EBF4;}
.man_loc2{background-color: #D9C3DD;}
.chg_int_color{color: #D5007F;}
.vie_age_color{color: #54C0D3;}
.par_color{color: #A2C617;}
.man_loc_color{color: #80388D;}
.chg_int_left{border-left-color: #D5007F;}
.vie_age_left{border-left-color: #54C0D3;}
.par_left{border-left-color: #A2C617;}
.man_loc_left{border-left-color: #80388D;}
.man_loc_menu a {color: grey;}
.chg_int_menu a {color: grey;}
.vie_age_menu a {color: grey;}
.par_menu a {color: grey;}
.man_loc_menu a strong {color: black;font-weight:normal;}
.chg_int_menu a strong{color: black;font-weight:normal;}
.vie_age_menu a strong{color: black;font-weight:normal;}
.par_menu a strong{color: black;font-weight:normal;}
.man_loc_coll a {color: white;}
.chg_int_coll a {color: white;}
.vie_age_coll a {color: white;}
.par_coll a {color: white;}

.chg_int_menu:hover a, .chg_int_coll:hover a,.chg_int_menu:hover a strong {color: #D5007F;}
.vie_age_menu:hover a, .vie_age_coll:hover a, .vie_age_menu:hover a strong {color: #54C0D3;}
.par_menu:hover a,.par_menu:hover a strong {color: #A2C617;}
.par_coll:hover a {color: #819140;}
.man_loc_menu:hover a, .man_loc_coll:hover a,.man_loc_menu:hover a strong {color: #80388D;}

.obligatoire{text-decoration: italic;}
.vignette { border:solid; border-width:1px; border-color:black;}

.red{color:red;padding:0 4px;line-height: 14px;height: 14px;}
.blue{color:blue;padding:0 4px;line-height: 14px;height: 14px;}
.green{color:green;padding:0 4px;line-height: 14px;height: 14px;}
.th_dp{color: #fff;font-weight: bold;background-color: rgb(247,150,71);line-height: 20px;text-transform: none;min-width:20px;text-align: center;}
.menucache{
	position:absolute;
	top:-15px;
	right:-178px;
	text-align: left;
	background-color: white;
    z-index: 100;
    border: 1px solid red;
    border-radius:15px;
}
.menucache2{
	position:absolute;
	top:-15px;
	right:-190px;
	text-align: left;
	background-color: white;
    z-index: 100;
    border: 1px solid red;
    border-radius:15px;
}
.menucache a, .menucache2 a{
	display:block;
	padding:5px 10px;
}
.aide_form{
	border: 1px red dotted;
    display: inline-block;
    width: 370px;
    padding: 5px;
    font-size: 11px;
    color: gray;
    background-color: rgb(253,234,219);
    line-height: 14px;
    margin-top: 10px;
}
section#formulaire .aide_form ul {
	list-style-type: square;
	list-style-position: outside;
	padding-left: 15px;
	width: 360px;
}
section#formulaire .aide_form li {
    display: list-item;
    font-size: 11px;
    color: gray;
    background-color: transparent;
    text-transform: none;
    white-space: normal;
    margin-bottom: 3px;
}
.nodisp{
	    color: #E9041E;
}
a.visio {
  text-decoration: none;
}
a.visio:hover {
  cursor: help;
  position: relative;
  color: darkslategray;
}
a.visio span {
  display: none;
}
a.visio:hover span {
  border: #d6d4d4 2px solid;
  padding: 10px 10px;
  display: block;
  z-index: 100;
  background: #efecec;
  left: 0px;
  margin: 20px;
  width: 460px;
  position: absolute;
  top: 10px;
  text-decoration: none;
  font-size:15px;
}
.bulle2 {
      position:relative;
    }
    
.bulle2:hover {
       background: none; 
       z-index: 50; 
    }
.bulle2 span, .bulle2 ul { 
      display: none;
    }
    
.bulle2:hover span {
    display: block;
    position: absolute;
    top: 30px;
    font-family: Arial,Verdana, sans-serif;
    text-align: justify;
    font-size: 12px;
    font-weight: normal;
    width: 522px;
    background: #efecec;
    padding: 5px 10px;
    border: 1px solid #E20031;
}