/*** CSS OF ISWIGO : INDEX CSS ***/

/* WELCOME */

div#welcome
{
 position: relative;
 width: 900px;
 height: 397px;
 
 background: transparent url( '/imgs/welcome.jpg' ) no-repeat center center;
}

div#welcome h1
{
 position: absolute;
 top: 156px;
 left: 20px;
 
 font-size: 29px;
 line-height: 40px;
 height: 105px;
 color: #fff;
}
div#welcome h1 span
{
 display: block;
 
 font-size: 19px;
 line-height: 20px;
 font-style: italic;
 font-weight: normal;
 word-spacing: 6px;
}

div#welcome div.infos
{
 position: absolute;
 top: 60px;
 left: 621px;
 width: 234px;
 height: 262px;
 padding: 10px;
 
 color: #fff;
}
div#welcome div.infos h2
{
 padding: 0;
 
 font-size: 16px;
 text-align: center;
 color: #fff;
}

/* PARTNER */
img#partner_etude-financiere
{
 position: absolute;
 z-index: 1;
 top: 123px;
 left: 30px;
 width: 161px;
 height: 80px;
 
 background: url( '/imgs/partners/etude-financiere_bandeau.png' ) no-repeat center center;
}

/* CONTENT */

#testimonials_presse
{
 position: relative;
 top: 0;
 
 width: 900px;
 height: 220px;
 margin: 10px 0 0 0; 
}

#testimonials
{
 position: relative;
 
 float: left;
 width: 536px;
 height: 220px;
 margin: 0; 

 background: transparent url('/imgs/green_css/testimonials_bkg.png') no-repeat;
}
/** TEMOIGNAGES **/
#testimonials_content
{
 position: absolute;
 top: 65px;
 left: 0;
 
 width: 536px;
 height: 106px;
 margin: 0; 
}
#testimonials span.top_one
{
 position: absolute;
 top: 35px;
 left: 10px;
 
 width: 536px;
 height: 14px;
 font-size: 12px;
 color: #000000;
 margin: 0; 
}

#testimonials span.bottom_one
{
 position: absolute;
 bottom: -7px;
 left: 0;
 
 width: 536px;
 height: 46px;
 font-size: 18px;
 color: #000000;
 font-weight: normal;
 margin: 0; 
 text-align: center;
}
#testimonials span.bottom_one a
{
 color: #3DC903;
}

#testimonials span.bottom_one a:hover
{
 border-bottom: 1px dotted #3DC903;
}

#testimonials_content p.testimonials_content_selection
{
 width: 506px;
 height: 96px;
 
 margin: 0; 
 padding: 10px 15px 0 15px;
 font-style: italic;
 
 background: transparent url('/imgs/green_css/left_quote.png') no-repeat 10px top;
}
#testimonials_content ul#testimonials_content_selection_menu
{
	position: absolute;
 left: 0;
 bottom: 0;
 float: left;
	list-style-type: none;

	margin: 0;
	padding: 0;
}

#testimonials_content  ul#testimonials_content_selection_menu li
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/** LA PRESSE EN PARLE **/
#presse
{
 float: right;
 width: 357px;
 height: 220px;
 margin: 0;

 text-align: center;

 background: transparent url('/imgs/green_css/presse_bkg.png') no-repeat;
}
#presse
#presse ul
{
 float: left;
	list-style-type: none;
 width: 336px;
 height: 168px;
	margin: 10px 0 0 0;
	padding: 0 3px 0 17px;
}

#presse  ul li
{
	float: left;
	list-style-type: none;
 width: 100px;
 height: 42px;
	margin: 10px 10px 10px 0;
	padding: 0;
 
 color: #000000;
 text-align: center;
 line-height: 42px;
}

/** NOUS COMMUNIQUONS **/
#ns_communiquouns
{
 position: relative;
 
 float: left;
 width: 900px;
 height: 168px;
 margin: 7px 0 0 0; 

 background: transparent url('/imgs/green_css/com_bkg.png') no-repeat;
}

#ns_communiquouns p.left_para
{
 float: left;
 width: 640px;
 height: 80px;
 margin: 7px 0 0 0; 
 padding: 0 10px 0 10px;
 clear: both;
}
#ns_communiquouns div.follow_us
{
 position: absolute;
 left: 10px;
 position: absolute;
 top: 105px;
}
#ns_communiquouns div.follow_us span
{
 display: block;
 float: left;
 line-height: 24px;
 font-weight: bold;
}

#ns_communiquouns p.right_para
{
 float: right;
/* width: 220px;
 height: 148px;
 margin: 0; 
 padding: 23px 0 0 0;*/
 margin-top:23px;
}

#ns_communiquouns p.right_para a 
{
 margin: 0 0 0 50px;
 border: none;
}

#ns_communiquouns p.right_para img 
{
 /*margin: -10px 0 30px 0;*/
 border: none;
}
div#testimonials h2,
div#presse h2,
div#ns_communiquouns h2
{
 float: left;
 clear: both;
 margin: 8px 0 0 10px;
 padding: 0;
 color: #000000;
 font-size: 18px; 
 font-weight: 500;
}

#content
{
 background: transparent!important;
}

#content_index
{
 position: relative;
 top: 0;
 
 width: 900px;
 height: 390px;
 margin: 0; 
 padding: 0;
 background: transparent url('/imgs/green_css/index_content_bkg.jpg') no-repeat center bottom;
}


/* INDEX - SLOGAN */

div#slogan
{
 position: relative;
 top: 0;
 z-index: 0;
 height: 40px;
 padding: 0;
 /*font: 30px Georgia, Helvetica, sans-serif;*/
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
 color: #000000;
 text-align: center;
 
 background: transparent url( '/imgs/green_css/slogan_back.png' ) repeat-x center top;
}
/*
#tabs div h2
{
font: 30px Georgia, Helvetica, sans-serif;
}
*/
#tabs
{
 position: relative;
 top: 0x;
 width: 900px;
 height: 309px;
 margin: 0; 
}


#tabs .slider_content_selection
{
 width: 100%;
 height: 259px;
 margin: 0;
}

#tabs .slider_content_selection  h2
{
 float: left;
 width: 900px;
 height: 53px;
 clear: both;
 margin: 0;
 padding: 0;
 color: #000000;
 font-size: 24px; 
 line-height: 53px;
 font-weight: 500;
}

#tabs .slider_content_selection .picture
{
 width: 100%;
 text-align: right;
 margin: 2px 0 0 0; 
 padding: 0;
 }
 
#tabs .slider_content_selection .picture.video { text-align: center; }

#tabs .slider_content_selection div.picture img
{
 margin-right: auto; 
 margin-left: auto; 
 padding: 0;
 vertical-align: middle;
}

div.text_content
{
 margin: 0 0 0 75px;
 padding: 15px 0 0;
 position: relative;
 width: 100%;
 height: 63px;
 margin: 0 0 0 61px; 
 padding: 16px 28px 0 0;
 font-size: 12px;
}
div.text_content p.outil-gratuit img.outil-gratuit
{
 left: 595px;
 position: absolute;
 top: 25px;
}

div.text_content a.registration_btn
{
 font-weight: bold;
 position: absolute;
 top: 44px;
 left: 534px;
 display: block;
 float: left;
 width: 169px;
 height: 30px;
 margin: 0 0 0 61px; 
 padding: 0 28px 0 0;
 color: #ffffff;
 text-align: center;
 line-height: 30px;
 
 background: transparent url('/imgs/green_css/registration_btn.png') no-repeat 0 0;
}

div.text_content a.registration_btn:hover
{
 background: transparent url('/imgs/green_css/registration_btn.png') no-repeat 0 -30px;
}

#tabs .slider_content_selection .picture img
{
 margin-right: auto; 
 margin-left: auto; 
 padding: 0;
 
 border: none;
}

.ui-tabs-hide
{
display: none;
}

img.message_iswigo
{
margin: -20px 0 0 -38px;
}
img.message_video
{
width: 351px;
height: 81px;
margin: -10px 0 0 -58px;
}

ul#slider_menu
{
	position: absolute;
 left: 0;
 bottom: 0;
 *bottom: -2px;
 float: left;
	list-style-type: none;
 
 width: 900px;
 height: 50px;
	margin: 0;
	padding: 0;
}

ul#slider_menu li
{
	float: left;
	list-style-type: none;
	width: 179px;
	height: 50px;
	margin: 0;
	padding: 0;
 text-align: center;
 border-right: 1px solid #5d5d5d;
}

ul#slider_menu li.left_side
{
	float: left;
	list-style-type: none;
	width: 179px;
	height: 50px;
	margin: 0;
	padding: 0;
 text-align: center;
}

ul#slider_menu li.right_side 
{
	width: 179px;
	height: 50px;
	margin: 0;
	padding: 0;
 border-right: none;
 border-collapse: collapse;
 
background: transparent url('') no-repeat center left;
}

ul#slider_menu li table
{
 margin: 0;
 padding: 0;
 width: 179px;
 height: 50px;
 
 border-collapse: collapse;
}

ul#slider_menu li table tbody
{
 margin: 0;
 padding: 0;
}

ul#slider_menu li table tr td
{
 margin: 0;
 padding: 0;
 vertical-align: center;
 background: transparent url('/imgs/green_css/slider_menu_link.png') repeat-x center top;
}

ul#slider_menu li a
{
	float: left;
	list-style-type: none;
	width: 179px;
	margin: 0;
	padding: 0;
 font-size: 11px;
 text-align: center;
 font-weight: 600;
 color: #000000;
}

ul#slider_menu li.left_side a
{
	float: left;
	list-style-type: none;
	width: 179px;
	height: 50px;
	margin: 0;
	padding: 10px 0 0 0;
 line-height: 15px;
 font-size: 11px;
 text-align: center;
 font-weight: 600;
 color: #000000;
 
 background: transparent url('/imgs/green_css/slider_menu_left_side_bkg.png') no-repeat 0 0;
}

ul#slider_menu li.right_side a
{
	float: left;
	list-style-type: none;
	width: 180px;
	height: 50px;
	margin: 0;
	padding: 10px 0 0 0;
 line-height: 15px;
 font-size: 11px;
 font-weight: 600;
 text-align: center;
 color: #000000;
 
 background: transparent url('/imgs/green_css/slider_menu_right_side_bkg.png') no-repeat 0 0;
}

ul#slider_menu li table tr td:hover,
ul#slider_menu li.ui-tabs-selected table tr td
{
 background: transparent url('/imgs/green_css/slider_menu_hover.png') repeat-x center top;
}

ul#slider_menu li table tr td a:hover,
ul#slider_menu li table tr td:hover a,
ul#slider_menu li.ui-tabs-selected a
{
 width: 179px;
 color: #ffffff;
 border: none;
}

ul#slider_menu li.left_side a:hover,
ul#slider_menu li.left_side.ui-tabs-selected a
{
 width: 179px;
	height: 50px;
 color: #ffffff;
 border: none;
 background: transparent url('/imgs/green_css/slider_menu_left_side_hover.png') no-repeat 0 0
}

ul#slider_menu li.right_side a:hover,
ul#slider_menu li.right_side.ui-tabs-selected a
{
 width: 180px;
	height: 50px;
 color: #ffffff;
 border: none;
 background: transparent url('/imgs/green_css/slider_menu_right_side_hover.png') no-repeat 0 0;
}

#content img#milliers_d_utilisateurs
{
 position: absolute;
 top: 40px;
 right: 0;
 z-index: 10;
}

#content a#vu_sur_france5
{
 position: absolute;
 top: 5px;
 right: 0;
 z-index: 10;
}
#content a#vu_sur_france5:hover{ border: none; }

#content h1, #content h2
{
 clear: both;
 margin: 0;
 color: #000000;
}
#content h1{ padding: 10px; font-size: 24px; font-weight: 500; }
#content h2{ padding: 10px 10px 5px 10px; font-size: 14px; }

#content p
{
 margin: 0 0 10px 0;
 padding: 0 10px;
 
 text-align: justify;
}

#content img.img_left
{
 float: left;
 margin: 0 10px 10px 0;
}

#content div.img_left{ padding: 14px 0; }
#content div.img_left_connexion{ padding: 5px 0; }
#content div.img_left h1 
{ clear: none; }
#content div.img_left_connexion h1
{ 
margin: 0 0 0 -5px;
clear: none; 
}

#content img#img_001{ background-image: url( '/imgs/green_css/photos/001.jpg' ); width: 457px; height: 313px; }
#content img#img_002{ background-image: url( '/imgs/green_css/photos/002.jpg' ); width: 457px; height: 214px; }
#content img#img_003{ background-image: url( '/imgs/green_css/photos/003.jpg' ); width: 331px; height: 224px; }


/* INDEX - DESCRIPTION */

dl#description
{
 position: absolute;
 top: 0;
 left: 15px;
 
 width: 400px;
 padding: 10px 0 0 20px;
}
dl#description dt
{
 font: bold 18px Arial, Helvetica, sans-serif;
 color: #51b400;
}
dl#description dd{ margin: 0 0 10px 10px; }
dl#description dd p{ margin: 3px 0; padding: 0; }
dl#description dd span
{
 display: block;
 text-align: left;
 background: none;
}

dl#description dd ul
{
 padding: 3px 0 2px 0;
 margin-left: 0px;
}
dl#description dd ul li
{
 padding: 2px 15px;
 
 list-style: none;
 background: transparent url( '/imgs/green_css/icons/puce_mini.png' ) no-repeat center left;
}
dl#description dd ul li.more
{
 text-align: right;
 background: none;
}

/* SECURISE */

div#secured
{
 position: absolute;
 bottom: 0px;
 width: 660px;
 height: 85px;
 padding: 15px 220px 80px 20px;
 
 background: transparent url( '/imgs/secured.png' ) no-repeat center;
}
div#secured h1
{
 color: #cda02b;
 font-size: 20px;
}

/* INDEX ETAPES */

#content ul#etapes
{
 clear: both;
 position: absolute;
 bottom: 210px;
 left: 20px;
 display: block;
 padding: 10px 0 0 0;
 margin: 0 0 0 0;
 list-style: none;
}
#content ul#etapes li
{
 display: block;
 float: left;
 height: 35px;
 padding: 15px 0 0 55px;
 margin: 0;
 
 background: transparent url( '/imgs/green_css/icons/puce.png' ) no-repeat left top;
 
 font: bold 18px Arial, Helvetica, sans-serif;
 color: #51b400;
 line-height: normal;
 vertical-align: middle;
}
#content ul#etapes li.n1{ margin: 0; background-image: url( '/imgs/green_css/icons/puce_1.png' ); }
#content ul#etapes li.n2{ margin: 0; background-image: url( '/imgs/green_css/icons/puce_2.png' ); }
#content ul#etapes li.n3{ margin: 0; background-image: url( '/imgs/green_css/icons/puce_3_red.png' ); }
#content ul#etapes li.n4{ margin: 0; background-image: url( '/imgs/green_css/icons/puce_4.png' ); }
#content ul#etapes li.next
{
 display: block;
 float: left;
 height: 50px;
 width: 40px;
 padding: 0;
 margin: 0 25px;
 
 background: transparent url( '/imgs/green_css/icons/puce_next.png' ) no-repeat center center;
}


/* SCREENSHOTS */

div#screenshots
{
 position: absolute;
 top: 5px;
 right: 35px;
 
 width: 355px;
 height: 224px;
 padding: 16px;
 
 border: none;
 background: #fff url( '/imgs/green_css/fond_captures.png' );
}




/* PROMO */
#content a#video
{
 position: absolute;
 z-index: 2;
 top: 65px;
 right: 190px;
 width: 100px;
 height: 20px;
 padding: 75px 5px 5px 5px;
 
 background: transparent url( '/imgs/index_video.jpg' ) no-repeat center 0;
 
 line-height: 20px;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
}
#content a#video:hover{ background-position: center -95px; border: none; color: #ff0000; }


/* INFOS */
div#infos
{
 position: relative;
 clear: both;
 height: 110px;
 cursor: default;
}
div#infos h2
{
 font: bold 18px Arial, Helvetica, sans-serif;
 text-align: center;
}
div#infos div
{
 position: absolute;
 width: 200px;
 height: 120px;
 
 border: 1px solid #999;
 background: #fff url( '/imgs/green_css/menu.png' ) no-repeat left center;
}
div#infos div:hover
{
 background: #fff url( '/imgs/green_css/menu.png' ) no-repeat left bottom;
}
div#infos_securite{ left: 20px; }
div#infos_simplicite{ left: 240px; }
div#infos_efficacite{ left: 460px; }
div#infos_mobilite{ left: 680px; }
div#infos_securite p{ margin-top: 5px; }
div#infos_simplicite p{ margin-top: 5px; }


/* CONFIDENTIALITE */

div#confidentialite_contener
{
 clear: both;
 padding-top: 5px;
 margin: 0 30px 0 30px;
}
div#confidentialite
{
 height: 30px;
 margin: 0;
 padding: 10px 10px 10px 70px;
 
 /*border: 2px solid #e0533c;*/
 background: transparent url( '/imgs/warning_mini.png' ) no-repeat center left;
 
 font-size: 14px;
 color: #e0533c;
}


h5
{
 float: right;
 width: auto;
 margin: 0 -10px 15px 0;
 padding: 0 10px;
 
 background-position: left top;
 
 font: 12px Verdana, Helvetica, sans-serif;
 text-align: right;
}

/* CONNECTION FORM */


div.right_content form table  td input,
div.right_content form table td select,
div.right_content form table td textarea
{
 height: auto;
 width: 100%;
 padding: 0 2px;
 
 background-color: #f7fdf2;
 border: dotted #404040;
 border-width: 0 0 1px 0;
 
 font: 12px "Trebuchet MS", sans-serif;
 color: #404040;
}

form
{
 margin: 5px 0 15px 0;
}

form table{ margin: 0 auto 0 auto; }
form table tr td, 
form table tr th{ padding: 1px; }
form table tr td.button{ width: 20px; }
form table tr th
{
 width: 140px;
 
 text-align: left;
 font-weight: normal;
}

form input.button
{
 width: auto;
 height: auto;
 padding: 2px 5px;
 margin: 0 0 0 25px;
 cursor: pointer;
 
 border: 1px solid #51b400;
 background: #f8fdf3;
 
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #51b400;
}
form input.button:hover
{
 color: #5595cd;
}


/* LINKS */

#content ul#etapes li a:link, #content ul#etapes li a:visited, #content ul#etapes li a:active
{
 display: block;
 border: none;
 
 text-decoration: none;
 color: #51b400;
}
#content ul#etapes li a:hover
{
 border: 0 dotted #51b400;
 border-width: 0 0 1px 0;
}
#content ul#etapes li.n3 a{ color: #ff0000; }
#content ul#etapes li.n3 a:hover{ border: 0 dotted #ff0000; border-width: 0 0 1px 0; }

#content ul#etapes li span.register a:link, #content ul#etapes li span.register a:visited, #content ul#etapes li span.register a:active
{
 color: #cf0004;
}
#content ul#etapes li span.register a:hover
{
 border-bottom: 1px dotted #cf0004;
}

/** INDEX FOOTER **/
#footer
{
 margin-top: 30px; 
}