@charset "ISO-8859-13";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #E4F4F8;
	background-image: url(https://www.cybermailing.com/mailing/pictures/bandeau.jpg);
	background-repeat: repeat-x;
}

body{

color: #303030;
font: 14px Calibri,Helvetica,Arial,Verdana,san-serif;

}

#container {
	width: 790px;
	margin: auto;
}
#header {
height: 130px;
margin: 0;
background: url(https://www.cybermailing.com/mailing/pictures/header.jpg) no-repeat center;
}
#header a:link {
	color: #FFFFFF;
	text-decoration : none;
	font-weight:bold;
}
#header a:visited {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

#menu a:link {
	color: #003366;
	text-decoration : none;
	font-weight:bold;
}
#menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#003366;
	text-decoration: none;
	font-weight:bold;
}

.tdheader {
	border: thin dashed #4DA3D2;
	padding: 0px;
	margin: 0px;;
}

/*#menu {
	position: absolute;
	top: 130px;
	height: 30px;
	z-index:100;
	width: 790px; // precision pour Opera
}


*/
div#menu {
	position: absolute;
	top: 130px;
	height: 30px;
	z-index:100;
 	width: 790px; /* precision pour Opera*/
}
div#menu1 {
	width: 80px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu2 {
	width: 120px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu3 {
	width: 100px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu4 {
	width: 80px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu5 {
	width: 100px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu6 {
	width: 70px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}
div#menu7 {
	width: 70px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}

div#menu8 {
	width: 100px;
	float: left;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
/*	border: 1px solid;*/
}

div#menu A, div#menu .title {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	display: block;
	height: 20px;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;	
	margin: 0px;
}
div#menu A:hover {
	background-color: #FFCC66;
}



#contenu {
	background-image: url(https://www.cybermailing.com/mailing/pictures/fond-contenu.jpg);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 10px;
	position: relative;
	top: 30px;
	width:790px;
}

.textcontenu {
	text-align:justify;
	padding-right: 45px;
	padding-left: 20px;
}

#gauche {
	width:770px;
	float:left;
}

/* ---- BAS --- */

#bas {
	position: relative;
	padding-top: 20px;
	left:-10px;
	color: #0069A2;
	width: 790px;
	top: 30px;
	height: 10px;
	background-image: url(https://www.cybermailing.com/mailing/pictures/bas.jpg);
	background-repeat: no-repeat;
}
#haut {
	position: relative;
	padding-top: 20px;

	color: #0069A2;
	width: 790px;
	top: 29px;
	height: 10px;
	background-image: url(https://www.cyber-mailing.com/images/haut.jpg);
	background-repeat: no-repeat;
}
#footer {
	background-color: #E4F4F8;
	padding-top: 50px;
	color: #0069A2;
	margin-bottom: 20px;
	margin:auto;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ------------------- styles ------------------------- */



h1 {
	font-family: Arial, sans-serif;
	font-size: 18pt;
	color: crimson;
	font-weight: bold;
}


h1.cardonnel {
	font-family: Arial, sans-serif;
	font-size: 20pt;
	color: crimson;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 20px;
	font-weight: bold;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #99C5E0;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99C5E0;
	width: 720px;
}


h2 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: #006699;
	font-weight: bold;
	}

h3 {
	font-familly:Arial, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	}
h4,
h3.fondtitre {
	font-familly:Arial, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: bold;
	height:36px;
	padding-top:10px;
	padding-left:40px;
	background-image: url(images/fondtitre.jpg);
	background-repeat: no-repeat;
	}

fieldset#cadre {
	background-color: #E5F4F7;
	padding: 10px;
	border: 1px solid #A7C4E4;
	width: 735px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}
fieldset fieldset {
	background-color: #FFFFFF;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
}


.abocyber { 
	width:780;
	text-align: justify;
 }
 
p, ul, td, li , div{ font-family: Arial, sans-serif; font-size: 10pt;}

h2.red {text-align: center; color:red; font-family: Arial, sans-serif; font-size: 14pt;}


.maintextbox { text-align: justify;
	padding-top: 30pt;
	padding-left: 30pt;
	padding-right: 30pt;
	padding-bottom: 10pt;
	border: 4pt solid #a4dbf5;
	width: 700px;
	top: 10pt;
	list-style-position: outside;
	background-color: #FFFFFF;
}

.horizontal { text-align: justify;
	padding-top: 30pt;
	padding-left: 30pt;
	padding-right: 30pt;
	padding-bottom: 10pt;
	border: 4pt solid #B30000;
	width: 90%;
	top: 10pt;
	list-style-position: outside;
	background-color: #FFFFFF;
}

.boxdeco4 { border: solid; border-color: #0066CC; border-width:2pt; padding:10pt;}

.boxdeco3 { background-color: #fffff5;
	border: solid;
	border-style:double; border-color: #CCCCCC; 
	border-right-width:2pt;
	border-left-width:0pt;
	border-bottom-width:2pt;
	border-top-width:0pt;
	padding:10pt;}

.boxdeco3aff {  background-color: #fffff5;
	border: solid;
	border-style:double; border-color: #CCCCCC; 
	padding:10pt;
	width:600px;}

.name { font-weight: bold; color: #0066CC; }

.checkmark { list-style-image: url(https://secrets-marketing.com/images/checkmark2.gif);
}

a.m:link { FONT: bold 80% Verdana; color: #F7F5F5; TEXT-DECORATION: none }

a.m:visited { FONT: bold 80% Verdana; color: #F7F5F5; TEXT-DECORATION: none }

a.m:hover { FONT: bold 80% Verdana; color: #F7F5F5; TEXT-DECORATION: underline }

a.head:link {font-family: courier new; font-size: 20pt;
	font-style: italic;
	font-weight: bold;
	color: #F7F5F5;
	padding-left:10px;
	letter-spacing: 0.5em
	text-shadow: 3px 3px 5px black;
	TEXT-DECORATION: none ;
}

a.head:visited {font-family: courier new; font-size: 20pt;
	font-style: italic;
	font-weight: bold;
	color: #F7F5F5;
	padding-left:10px;
	letter-spacing: 0.5em
	text-shadow: 3px 3px 5px black;
	TEXT-DECORATION: none ;
}

a.head:hover {font-family: courier new; font-size: 20pt;
	font-style: italic;
	font-weight: bold;
	color: #F7F5F5;
	padding-left:10px;
	letter-spacing: 0.5em
	text-shadow: 3px 3px 5px black;
	TEXT-DECORATION: underline;
}

.subhead {font-family: Arial, sans-serif; font-size: 10pt;
	padding-left:15px;
	padding-top:3px;
	font-weight: bold;
	color: black;
}

.comment {font-family: Arial, sans-serif; font-size: 8pt;
	color: black;
}


.boxdeco1 {  background-color: #fffff5; border: solid; border-style:double; border-color: #CC6633; border-width:2pt; padding:10pt }

.boxdeco2 { background: #993300; border: solid; border-style:double; border-color: #000066; border-width:3pt; padding:10pt }

.boxdeco3 {  background-color: #fffff5; border: solid; border-style:double; border-color: #CCCCCC; border-width:1pt; padding:10pt;}

.boxdeco4 { border: solid; border-color: #993300; border-width:2pt; padding:10pt;}

.checkmark  { list-style-image: url(https://www.secrets-marketing.com/images/checkmark2.gif) }
 
.remarque { background:#FFD9D9; border: solid; border-color: #FF7373; border-width:3pt; padding:10pt;}

.offreservice { background:#FFE8D8; border: solid; border-color: #A54800; border-width:3pt; padding:10pt; margin:20pt;}

#recap {border:dashed 2px gray; padding : 10pt; margin-bottom:10pt;}

 .headbox { 
        border-right: 0pt solid #999999;
        border-left: 0pt solid #999999;
 	width: 550pt;
 	background-color: #FFFFFF;
 }
 .menu {width: 100%; position: relative; height: 19pt}
 
 .bg1 {background-color: #CCCCCC; color: black}
 .bg2 {background-color: #FFFFCC; color: black}
 .cap {background-color: #CCCC99; color: black}
  .headtable { background-color: #006699; color: #FFFFFF; font-weight:bold}
  
  .topnav { 
 	background-color: #fffff5;
 	width: 550pt;
 	border: solid; border-color: #CCCCCC; border-width:1pt;
          }
code {
	background-color:beige;
	
}

.hint{font-size:0.8em; color:grey}

#headerdesc{
font-weight:bold;
position:relative;
top:40px;
left:10px;
color : #D2EAF4;
font-size:14px;
}

#headerlists {
height: 15px;
border: thin solid #56D372;
margin-top: 20px;
margin-right: 20px;
position:relative;
top:-42px;
left:110px;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px; 
background:#23A840;
width:150px;
}

#headerlists:hover {background:#56D372;}


#button-client{
	color:white;
	font-weight:bold;
	height:20px;
	margin:auto;
	width:150px;
	
	
	}
	
div#menu a:link, div#menu a:visited {
font-size:12px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}