/* COULEURS WATCHFROG */

/* Fond page : B1B1B2 */
/* Fond gris clair : E1E1E1 */
/* Fond blanc : F9F9F9 */
/* Fond boutons et coldroite : DDDDDD */
/* Bordures foncees : 999999 */
/* Bordures claires : BBBBBB */
/* Titres : 646465 */

/* Vert : 00A94F */
/* Vert textes : 008F43 */
/* Yaune : FFC000 */
/* Rosso : EF5329 */


BODY	{	background: url(img/bg.gif) repeat-x #b1b1b2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

#container	{	width: 755px; position: relative; left: 50%; margin-left: -378px; margin-top: 30px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/bg_cadre.png');}

#container.int	{	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/bg_cadre.png');}

*|html #container	{	 background: url(img/bg_cadre.png) repeat-y;}
*|html #container.int	{	 background: url(img/bg_cadre.png) repeat-y;}

#ombrebas	{	width: 755px; position: relative; left: 50%; margin-left: -378px;}

/* Menu */

#menu	{	position: relative; width: 729px; margin-left: 15px;} 

#menu.home	{	height: 191px; background: url(img/home/illu_home_1.jpg) 1px 24px no-repeat #DDDDDD;}

#menu.int	{	height: 140px;} 

#menu UL	{	margin: 0px; margin-left: 0px; height: 24px;}
*|html #menu UL	{	margin-left: -40px;}

#menu UL LI	{	list-style-type: none;}

#menu UL LI A	{	display: block; width: 230px;}
.flag_off A, .flag_on A	{	width: 31px !important;}

*|html #menu UL LI A	{	width: 232px; padding-bottom: 6px; margin-bottom: 2px;}

#menu UL LI DIV UL LI A	{	display: inline !important;}

.item_menu_off	{	float: left; width: 230px; text-align: center; padding-top: 3px; padding-bottom: 4px; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-right: 1px solid #999999; height: 16px; overflow: hidden; background-color: #dddddd;}

.item_menu_off:hover	{	background-color: #F1F1F1;}

.item_menu_on	{	float: left; width: 230px; text-align: center; padding-top: 3px; padding-bottom: 0px; border-right: 1px solid #bbbbbb; border-left: 1px solid #999999; border-top: 1px solid #999999; overflow: visible; background-color: #F1F1F1 !important; cursor: pointer;}

.flag_off	{	float: left; width: 31px; border-left: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; border-right: 1px solid #999999; border-bottom: 1px solid #999999; height: 22px;}

.flag_on	{	float: left; width: 31px; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #999999; border-top: 1px solid #999999; height: 22px;}

LI#company	{	background: url(img/menus/bg_rosso.gif) 0px 20px repeat-x #dddddd;}
LI#technology	{	background: url(img/menus/bg_yaune.gif) 0px 20px repeat-x #dddddd;}
LI#services	{	background: url(img/menus/bg_vert.gif) 0px 20px repeat-x #dddddd;}

.sousrub	{	margin-top: 5px;}
*|html .sousrub	{	margin-top: 4px;}
.sousrub LI	{	border-left: none; border-right: none; text-align: left; font-size: 10px; font-weight: bold; color: #646465; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; padding-bottom: 0px; background-color: #dddddd;}
.sousrub A	{	padding-left: 5px; color: #646465; text-decoration: none;}


/* Commun */

A	{	color: #336699;}

P	{	padding-left: 10px; padding-right: 10px; margin: 0px; padding-top: 10px; font-size: 12px;}

H1	{	margin-top: 0px; padding-left: 25px; padding-top: 10px; font-size: 24px; font-family: Trebuchet MS, Arial; color: #838384;}

H2	{	font-size: 15px; color: #838384; margin: 0px; padding: 10px; padding-left: 13px;}

H3	{	font-size: 13px; margin-top: 7px; padding-top: 0px; margin-bottom: 0px; color: #666666; padding-left: 10px;}

H4	{	font-size: 12px; margin-top: 7px; padding-top: 0px; margin-bottom: 0px; color: #666666; padding-left: 10px;}

#coldroite UL	{	margin-left: 25px; margin-top: 5px;  font-size: 12px; font-family: Verdana, Arial, Helvetica; margin-bottom: 15px;}

#coldroite LI	{	margin-bottom: 5px; margin-left: 25px;}
*|html #coldroite LI	{	margin-left: -15px;}

#coldroite.company LI	{	list-style-image: url(img/int/company/puce.gif);}
#coldroite.solutions LI	{	list-style-image: url(img/int/solutions/puce.gif);}
#coldroite.techno LI	{	list-style-image: url(img/int/technology/puce.gif);} 


#content	{	position: relative; width: 729px; margin-left: 15px; border: 1px solid #999999; background-color: #F9F9F9;}
*|html #content	{	width: 727px;}

#content.int	{	width: 727px;}

#coldroite	{	float: right; width: 497px; padding: 0px;}

#colgauche	{	width: 230px; padding-bottom: 20px;}
.int #colgauche	{	float: right;}

#footer	{	position: relative; width: 727px; margin-left: 15px; border: 1px solid #999999; border-top: 0px; background-color: #838384; text-align: center; font-weight: bold; color: #ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 10px;}
#footer A	{color: #ffffff; text-decoration: none;}

.accroche	{	text-align: center; margin-bottom: 15px;}

.ghost	{	clear: both; height: 15px;}

.insert	{	float: left; width: 130px; padding: 10px; padding-top: 15px;}

.legende	{	padding: 0px; padding-top: 5px; margin: 0px; font-size: 10px; color: #666666;}

.substitute	{	margin: 0px; height: 1px; overflow: hidden; color: #ffffff;}


/* Homepage */

.home H2	{	font-size: 14px;}

#headerhome	{	 width: 727px; border-left: 1px solid #999999; border-right: 1px solid #999999; margin-left: 15px; background: url(img/baseline_en.gif) 238px 55px no-repeat #F9F9F9;}

#headerhome.vf	{	background: url(img/baseline_vf.gif) 238px 57px no-repeat #F9F9F9;}

#coldroite.home	{	width: 319px;}
*|html #coldroite.home	{	width: 320px;}
#colgauche.home	{	width: 406px; border-right: 1px solid #999999;}

.subheader	{	border-bottom: 1px solid #999999; background-color: #E1E1E1; padding-top: 3px;}

#coldroite.home A	{	display: block; padding: 7px; padding-left: 17px; border-bottom: 1px solid #999999; color: #333333; text-decoration: none;}

#coldroite.home A.company:link	{	background: url(img/home/bg_lien_company.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.company:visited	{	background: url(img/home/bg_lien_company.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.company:hover	{	background: url(img/home/bg_lien_company.gif) top right repeat-y #F1F1F1;}
#coldroite.home A.company:active	{	background: url(img/home/bg_lien_company.gif) top right repeat-y #E1E1E1;}

#coldroite.home A.techno:link	{	background: url(img/home/bg_lien_techno.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.techno:visited	{	background: url(img/home/bg_lien_techno.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.techno:hover	{	background: url(img/home/bg_lien_techno.gif) top right repeat-y #F1F1F1;}
#coldroite.home A.techno:active	{	background: url(img/home/bg_lien_techno.gif) top right repeat-y #E1E1E1;}

#coldroite.home A.offre:link	{	background: url(img/home/bg_lien_offre.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.offre:visited	{	background: url(img/home/bg_lien_offre.gif) top right repeat-y #E1E1E1;}
#coldroite.home A.offre:hover	{	background: url(img/home/bg_lien_offre.gif) top right repeat-y #F1F1F1;}
#coldroite.home A.offre:active	{	background: url(img/home/bg_lien_offre.gif) top right repeat-y #E1E1E1;}


/* Interieur */

.int .subheader	{	background-color: #DDDDDD; color: #838384; padding: 4px; padding-top: 4px; font-weight: bold; font-size: 10px;}

.int #coldroite .subheader	{	background-image: none; text-align: right; padding-right: 5px; font-weight: normal;}

.company .subheader	{	border-top: 2px solid #EF5329;}

.techno .subheader	{	border-top: 2px solid #FFC000;}

.solutions .subheader	{	border-top: 2px solid #00A94F;}

#coldroite .subheader A	{	color: #838384;}

.sideinfo	{	margin-left: 52px; font-size: 10px; color: #333333;}

.subsections	{	font-size: 12px !important; margin-left: 52px; margin-top: -20px; margin-bottom: 30px; color: #838384;}


.grenouille	{	float: left; margin-right: 5px; margin-top: -1px;}
.grenouille IMG	{	border: 0px;}

.texte	{	padding: 10px;}
.texte P	{	text-align: justify;}

.int H2	{	float: right; clear: both; border-bottom: 1px solid #DDDDDD; padding: 0px; padding-right: 10px; padding-left: 150px; padding-bottom: 5px; margin-top: 25px;}

.illustration	{	float: left; clear: left; margin: 10px; margin-bottom: 5px;}

.illustration IMG	{	border: 1px solid #666666;}

.texte .liens	{	text-align: right;}

P.title	{	color: #333333; margin: 0px; margin-top: -10px; margin-bottom: 5px; font-size: 11px;}

.datenews	{	text-align: right; padding-right: 10px; font-size: 12px;}

.demi	{	width: 48%; float: left; border-right: 1px solid #cccccc; margin-top: 15px; margin-right: 2%;}

.demi P	{	font-size: 11px;}

/* Popup */

#headerpopup	{	 width: 100%; text-align: left; border-bottom: 1px solid #999999; margin-bottom: 10px; background-color: #F9F9F9;}