body {
    margin:         0;
	padding:        10px 0px;
	
	font-family:    "Trebuchet MS", arial, sans-serif;
	font-size:      80%;
	
	background:     #517499 url(medias/bg_body.png) left top repeat-x;
	
	cursor:         default;
	
	z-index : 		1;
}

a {
    text-decoration:    underline;
	color:              #000;
	cursor:             pointer;
}

a:hover {
    text-decoration:    none;
}

#application {
    position:       relative;
    margin:         0px auto 10px auto ;
	padding:        0px 0px 10px 24px;
	
	width:          865px;
	min-height:     550px;
    border:         1px solid #fff;
	background:     #edf3f9 url(medias/bg_global_top.jpg) left top no-repeat;
}

#entete {
    position:       relative;
    height:         216px;
}

#langselector {
    position:       absolute;
	left:           450px;        
	bottom:         0;
}

#langselector a img {
    vertical-align: bottom;
    border:         none;
}

#entete h1 {
    float:          left;
    margin:         20px 0px 0px -10px;
	padding:        0;
}

#flash {
    margin:         10px 0px 0px -10px;
    float:          left;
}


#menu {
    margin:         0;
	padding:        2px 0px 0px 10px;
	clear:          both;
	background:     #404c6b url(medias/bg_menu.png) left top repeat-x;
	list-style:     none;
    height:         20px;
	border:         1px solid #DC9720;
	border-bottom:  1px solid #CD8929;
	border-right:  	none;
	z-index		:  	100;
}

/* hack Opera pour correction bug du menu */
html:first-child .firstli {
	
	float : left;	
}
/* --- */

#menu li {
	
 	display : 		inline;
	margin:         0;
	padding:        0;
	position:       relative;
        /* jp dechoz  taille forcée */
        font-size: 9pt ;  
}

#menu li a {
    padding:           2px 10px 2px 10px;
    color:             #963431;
	text-decoration:   none;
}

body.safari #menu li a {
	padding:           2px 10px 6px 10px;
}

.firstli.hover a,
.firstli:hover a,
.firstli a:hover {
    background:         #606c88 url(medias/bg_over.png) left top repeat-x;
   /*jp dechoz taille forcée */
    font-size: 11pt ;  
}

	

#menu ul.sousmenu {
    position:       absolute;
    display:        none;
    margin:         0;
    padding:        0;
    /* dechoz*/
    top:            19px;
    left:           0;
    /* dechoz*/
    width:          200px;
    background:     #FEF78F;
    border:         2px solid #CD8929;
    border-top:     2px solid #FEF78F;
}

#menu li.hover ul.sousmenu,
#menu li:hover ul.sousmenu {
	display:        block;
}

#menu ul.sousmenu li {
    display:        block;
    margin:         0;
    padding:        0px 0px;
    height : 	    22px;
    background:     none;
}
#menu ul.sousmenu li a {

    background:     none;

}

#menu ul.sousmenu li.hover,
#menu ul.sousmenu li:hover {

	background : #F6C55C;

}

#menu ul.sousmenu li a:hover {
    text-decoration:     underline;
}

#menu ul.sousmenu li   ul.sousmenu2{
    position:       absolute;
    display:        none;
    margin:         0;
    padding:        0;
    left:           0;
    top:			-1px;
     /* dechoz*/
    width:          220px;
    margin-left:   	160px;
    background:     #F6C55C;
    border:         2px solid #CD8929;
}

#menu li ul.sousmenu  li.hover   ul.sousmenu2,
#menu li ul.sousmenu  li:hover   ul.sousmenu2{
	display:        block;
}

#menu li ul.sousmenu  li  ul.sousmenu2 li.hover,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover {

	background : #FEF78F;

}


#menu ul.sousmenu li  ul.sousmenu2 li  ul.sousmenu3{
    position:       absolute;
    display:        none;
    margin:         0;
    padding:        0;
    left:           0;
	top:			-1px;
    width:          160px;
	margin-left:   	160px;
    background:     #42495B;
    border:         1px solid #43526a;
}

#menu li ul.sousmenu  li  ul.sousmenu2 li.hover  ul.sousmenu3,
#menu li ul.sousmenu  li  ul.sousmenu2 li:hover  ul.sousmenu3{
	display:        block;
}



/*
#menu ul.sousmenu li ul.sousmenu2{
   
    margin:         0;
    padding:        0;
	padding-left : 20px;
	list-style : none;
}


ul.sousmenu2 li {
    display:        block;
    margin:         0;
	padding : 0;
    padding:        2px 0px;
	background:     none;
}
*/




#entete form {
    position:           relative;
    margin:             0;
    padding:            0;
    width:              279px;
    height:             216px;
    	float:              right;
     /*jp dechoz taille forcée */
     font-size: 9pt ;  
}
#entete form p {
    margin:             0;
	padding:            12px 0px;
    font-size:          90%;
}

#entete form ul {
    margin:             4px 0px 0px 0px;
	padding:            0;
    list-style:         none;
}

#entete form ul li {
    margin:             0;
    padding:            0px 0px 0px 30px;
    display:            inline;
}

#entete form ul li a {
    margin:             0;
    padding:            0;
    text-transform:     uppercase;
	color:              #596072;
	text-decoration:    none;
       /*jp dechoz taille forcée */
       font-size: 8pt ;  
}

#entete form ul li a.on {
    color:              #293752;
}


#espace-valid,
#tele-valid {
    position:           absolute;
	top:                102px;
	right:              20px;
        /*jp dechoz taille forcée */
        font-size: 9pt ;  
}

#tele-p1 {
    position:           absolute;
    top:                36px;
	left:               30px;
    /*jp dechoz taille forcée */
    font-size: 8pt ;  
	
}
#tele-p1 a {
color :             #000;
}
#tele-p1 a:hover {
    text-decoration:    none;
}
#tele-p2 {
    top:                75px;
}

#tele-p3 {
    top:                105px;
}

#entete form input.text {
    padding:            1px;
	width:              120px;
  /*jp dechoz taille forcée */
    font-size: 8pt ;  
}

#tele-p2,
#tele-p3 {
    position:           absolute;
    left:               45px;
	right:              60px;
	text-align:         right;
       /*jp dechoz taille forcée */
        font-size: 8pt ;  
}


#entete form #tele-p4 {
    position:           absolute;
    bottom:             27px;
	left:               20px;
    font-size:          85%;
   /*jp dechoz taille forcée */
    font-size: 8pt ;  
}

#entete form #espace-p2 {
    position:           absolute;
    bottom:             24px;
    left:               45px;
	line-height:        110%;
	text-align:         center;
   /*jp dechoz taille forcée */
    font-size: 8pt ;  
}


#espace-p1 {
    position:           absolute;
    left:               55px;
	top:                78px;
    right:              60px;
    text-align:         left;
/*jp dechoz taille forcée */
    font-size: 8pt ;  
}


#content {
    min-height:         400px;
    background:         transparent url(medias/bg_actu.png) right top repeat-y;
}

#content.nonews {
    background-image:   none;
}

#info {
    padding:            10px 0px 10px 5px;
    float:              left;
    width:              570px;
	color:              #595C7B;
	text-align:         justify;
/*jp dechoz taille forcée */
    font-size: 8pt ;  
}

#info ul li {
    margin-top:         3px;
	margin-bottom:      3px;
}

#content.nonews #info {
    float:              none;
	width:              auto;
	padding-right:      20px;
}

#navibar {
    margin:             10px 0px 10px 0px;
    padding:            0px 0px 0px 0px;
    
    float:              right;
    width:              265px;

}

#navibar.news {
	background:         transparent url(medias/bg_actu_h1.png) right top no-repeat;
}

#content #navibar.news h1 {
    margin:             0;
	padding:            5px 0px 0px 25px;
	height:             29px;
	font-size:          90%;
	text-transform:     uppercase;
	color:              #5c6476;
    background:         transparent url(medias/puce_h1.png) 25px 8px  no-repeat;
    padding-left:       40px;
    
}

#navibar.news p.newsList {
    margin:             0;
    height:             34px;
    background:         transparent url(medias/bg_actu_h1_bottom.png) right top no-repeat;
    padding:            12px 0px 0px 25px;	
}

#navibar.news p.newsList a {
    color:              #606977;

	font-size:          80%;
	font-weight:        bold;
}   

#navibar.news div.newsItem p.date {
    margin:             0;
	padding:            0;
    background:         transparent url(medias/bg_date_actu.png) right top no-repeat;
    height:             12px;
	overflow:           hidden;
	text-align:         right;
	font-size:          85%;
	color:              #858e9d;
	padding-right:      50px;
}

#navibar.news div.newsItem {
	background:         transparent url(medias/bg_actu_corps.png) right bottom repeat-y;
}

#navibar.news div.newsItem p {
    margin:         	0;
	padding-left:      	10px;
	padding-right:     	45px;
	padding-bottom:    	15px;
	font-size:         	90%;
	background:         transparent url(medias/bg_actu_bottom.png) right bottom no-repeat;
	color:            	#363d42;
	text-align:        	justify;
}

#navibar.news div.newsItem p a {
    text-decoration:    underline;
	color:              #000;
}

#navibar.news div.newsItem h2 {
    margin:             0;
	padding-top:        5px;
    padding-left:       10px;
    padding-right:      45px;
	background:         transparent url(medias/bg_actu_top.png) right top no-repeat;
	color:              #c49d00;
	font-size:          90%;
	text-transform:     uppercase;
	
}

#content h1  {
    font-family:        "Trebuchet MS", arial, sans-serif;
    font-size:          110%;
    color:              #595C7B;
    font-weight:        bold;
    background:         transparent url(medias/puce_h1.png) left center no-repeat;
    padding-left:       14px;
    text-transform:     uppercase;
}

#content h2,
#content h2 a {
    margin:             0;
    font-family:        "Trebuchet MS", arial, sans-serif;
    font-size:          110%;
    color:              #595C7B;
    font-weight:        bold;
}


#pied {
    margin:         	0;
	padding:       		1px 5px;
	background:     	#f6c55c url(medias/bg_menu_pied.jpg) left top repeat-x;
    padding-right:  	15px;
}

#pied ul {
    margin:         	0;
	padding:        	0;
	float:          	left;
	font-size:      	85%;
}

#pied ul li {
    display:        	inline;
    margin:         	0;
	padding:        	0;
}

#pied ul li a {
    padding:        	0px 5px 0px 10px;
    color:          	#414a9a;
	text-decoration:	none;
}

#pied ul li + li a {
    border-left:   		1px solid #414a9a;
}

#pied ul li a:hover {
    text-decoration:	underline;
}

#pied span {
    
    float:          	right;
	font-size:      	85%;
	color:          	#5a5e7a;
}


div.liste-articles ul li {
    margin-bottom:      10px;
}

.liste-articles ul li p {
    margin:         	0;
}




#contact {
     padding:           15px 0px;
}

#contact p.field {
    margin-top:         4px;
    margin-bottom:      4px;
    text-align:         right;
    margin-right:       80px;
}



#contact p textarea,
#contact p input.text {
    paddding:           1px;
    width:              250px;
    vertical-align:     top;
}



#no_flash, #no_flash_en{

	display :			none;
	width : 			335px;
	height : 			191px;
	float : 			left;
	margin:         	3px 0px 0px -20px;
}

#no_flash {
		background:  		url(medias/no_flash.png) left top no-repeat;
}

#no_flash_en {
		background:  		url(medias/no_flash_en.png) left top no-repeat;
}

p.update {

	text-align : 		right;
	padding-bottom : 	5px;
}


.clearfix:after {
    content: 			"."; 
    display: 			block; 
    height: 			0; 
    clear: 				both; 
    visibility: 		hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#teleintervention {
	background:         transparent url(medias/bg_tele.png) left top no-repeat;
}

#espace-clients {
	background:         transparent url(medias/bg_espace.png) left top no-repeat;
	display : 			none;
}

#codetl {

	width : 			550px;
	height : 			300px;
	text-align : 		right;
}

#menu_dev li{
	
	padding-left :		5px;
	padding-right : 	5px;	
}	

#menu_dev h2 {

	color : 			black;
	font-family : 		Verdana, arial;
}	

#menu_dev img {

	margin-left : 		15px;
	margin-right : 		15px;

}